/* =========================================================
   BUILD BIHAR GROWTH SECTION
========================================================= */

.bihar-build-section {
	width: 100%;
	height: 650px;

	position: relative;



	overflow: hidden;

	font-family: "Gabarito", sans-serif;
}


/* =========================================================
   BACKGROUND IMAGE
========================================================= */

.bihar-build-bg {



	position: absolute;

	left: 0;
	top: 0px;

	max-width: none;

	object-fit: cover;

	z-index: 1;
}


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

.bihar-build-content {
	width: 100%;
	height: 100%;

	position: relative;

	z-index: 2;
}


/* =========================================================
   FIGMA CONTENT POSITION
========================================================= */

.bihar-build-inner {
	position: absolute;
	left: 111px;
	top: 87.5px;
	padding: 32px;
	display: inline-flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 32px;
	background: rgba(7, 89, 133, 0.20);
}


/* =========================================================
   TEXT BLOCK
========================================================= */

.bihar-build-text {
	display: flex;

	flex-direction: column;

	align-items: flex-start;

	gap: 16px;
}


/* =========================================================
   TITLE
========================================================= */

.bihar-build-title {
	margin: 0;

	padding: 0;

	display: block;

	font-family: "Gabarito", sans-serif;

	font-size: 60px;

	line-height: 64.4px;

	font-weight: 700;

	letter-spacing: 0;

	white-space: nowrap;
}


/* WHITE TITLE
========================================================= */

.bihar-build-title-white {
	color: #ffffff;
}


/* ORANGE TITLE
========================================================= */

.bihar-build-title-orange {
	color: #fb923c;

	font-weight: 700;
}


/* =========================================================
   DESCRIPTION
========================================================= */

.bihar-build-description {
	margin: 0;

	padding: 0;

	color: #e2e8f0;

	font-family: "Gabarito", sans-serif;

	font-size: 18px;

	line-height: 28px;

	font-weight: 400;
}


/* =========================================================
   BUTTON WRAPPER
========================================================= */

.bihar-build-buttons {
	display: inline-flex;

	align-items: flex-start;

	gap: 16px;
}


/* =========================================================
   COMMON BUTTON
========================================================= */

.bihar-build-btn {
	min-height: 48px;

	padding: 12px 24px;

	border-radius: 6px;

	display: inline-flex;

	align-items: center;

	justify-content: center;

	gap: 8px;

	text-decoration: none;

	font-family: "Gabarito", sans-serif;

	font-size: 14px;

	line-height: 20px;

	font-weight: 700;

	box-sizing: border-box;

	transition:
		all 0.25s ease;
}


/* =========================================================
   INVESTOR BUTTON
========================================================= */

.bihar-build-btn-primary {
	background: #fb923c;

	color: #0f172a;

	border: 1.5px solid #fb923c;
}


/* =========================================================
   INVESTOR HOVER
========================================================= */

.bihar-build-btn-primary:hover {
	background: #fdba74;

	border-color: #fdba74;

	color: #0f172a;

	transform: translateY(-2px);
}


/* =========================================================
   BUSINESS BUTTON
========================================================= */

.bihar-build-btn-secondary {
	background: transparent;

	color: #ffffff;

	border: 1.5px solid #ffffff;
}


/* =========================================================
   BUSINESS HOVER
========================================================= */

.bihar-build-btn-secondary:hover {
	background: #ffffff;

	color: #0f172a;

	transform: translateY(-2px);
}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 1100px) {

	.bihar-build-section {
		height: 560px;
	}

	.bihar-build-bg {
		width: 100%;
		height: 100%;

		top: 0;

		object-fit: cover;

		max-width: none;
	}

	.bihar-build-inner {
		left: 60px;
		top: 55px;
	}

	.bihar-build-title {
		font-size: 52px;
		line-height: 57px;
	}

	.bihar-build-description {
		font-size: 17px;
		line-height: 27px;
	}
}


/* =========================================================
   TABLET / IPAD
========================================================= */

@media (max-width: 768px) {

	.bihar-build-section {
		height: 560px;
	}

	.bihar-build-bg {
		width: 100%;
		height: 100%;

		left: 0;
		top: 0;

		object-fit: cover;
		object-position: center;
	}

	.bihar-build-inner {
		left: 40px;
		right: 40px;

		top: 50%;

		transform: translateY(-50%);

		padding: 10px;

		gap: 30px;
	}

	.bihar-build-title {
		font-size: 46px;
		line-height: 52px;
	}

	.bihar-build-description {
		font-size: 16px;
		line-height: 25px;
	}
}


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

@media (max-width: 576px) {

	.bihar-build-section {
		height: auto;

		min-height: 570px;
	}

	.bihar-build-bg {
		width: 100%;
		height: 100%;

		min-height: 570px;

		left: 0;
		top: 0;

		object-fit: cover;

		object-position: center;
	}

	.bihar-build-inner {
		position: relative;



		transform: none;

		width: calc(90% - 40px);

		margin: 0 auto;

		padding: 0;

		padding-top: 65px;
		padding-bottom: 65px;

		background: rgba(7, 89, 133, 0.20);

		gap: 30px;
	}

	.bihar-build-text {
		width: 100%;

		gap: 16px;
	}

	.bihar-build-title {
		width: 100%;

		font-size: 38px;

		line-height: 43px;

		white-space: normal;
	}

	.bihar-build-description {
		width: 100%;

		font-size: 15px;

		line-height: 23px;
	}

	.bihar-build-description br {
		display: none;
	}

	.bihar-build-buttons {
		width: 100%;

		display: flex;

		flex-direction: column;

		gap: 12px;
	}

	.bihar-build-btn {
		width: 100%;

		min-height: 50px;
	}
}


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

@media (max-width: 380px) {

	.bihar-build-section {
		min-height: 550px;
	}

	.bihar-build-bg {
		min-height: 550px;
	}

	.bihar-build-inner {
		width: calc(85% - 32px);

		padding-top: 55px;
		padding-bottom: 55px;
	}

	.bihar-build-title {
		font-size: 34px;

		line-height: 39px;
	}

	.bihar-build-description {
		font-size: 14px;

		line-height: 21px;
	}

	.bihar-build-btn {
		font-size: 13px;
	}
}















/* =========================================================
   HOW CAN WE HELP YOU
========================================================= */

.help-section {
	width: 100%;

	background: #fff7ed;
	overflow: hidden;
}

.help-container {
	width: 100%;
	max-width: 1440px;
	margin: 0 auto;
}


/* =========================================================
   HEADING
========================================================= */

.help-heading {
	width: 100%;
	margin-bottom: 48px;
}

.help-label {
	display: block;
	margin-bottom: 12px;

	color: #fb923c;

	font-family: "Gabarito", sans-serif;
	font-size: 12px;
	font-weight: 700;

	letter-spacing: 0.04em;
	text-transform: uppercase;
}

.help-heading h2 {
	margin: 0;

	color: #0f172a;

	font-family: "Gabarito", sans-serif;
	font-size: 36px;
	line-height: 1.2;
	font-weight: 800;
}


/* =========================================================
   GRID
========================================================= */

.help-grid {
	width: 100%;

	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));

	gap: 24px;
}


/* =========================================================
   CARD
========================================================= */

.help-card {
	position: relative;

	min-height: 280px;

	padding: 32px;

	display: flex;
	flex-direction: column;
	align-items: flex-start;

	background: #ffffff;

	border-radius: 12px;

	box-shadow:
		0 4px 12px rgba(15, 23, 42, 0.05);

	border: 1px solid rgba(226, 232, 240, 0.8);

	transition:
		transform 0.35s ease,
		box-shadow 0.35s ease,
		border-color 0.35s ease;

	overflow: hidden;
}


/* Orange top line */

.help-card::before {
	content: "";

	position: absolute;

	top: 0;
	left: 0;

	width: 0;
	height: 3px;

	background: #fb923c;

	transition: width 0.35s ease;
}


/* Hover */

.help-card:hover {
	transform: translateY(-8px);

	border-color: rgba(251, 146, 60, 0.35);

	box-shadow:
		0 18px 40px rgba(15, 23, 42, 0.12);
}

.help-card:hover::before {
	width: 100%;
}


/* =========================================================
   ICON
========================================================= */

.help-icon {
	width: 36px;
	height: 36px;

	margin-bottom: 16px;

	border-radius: 50%;

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

	background: #0c4a6e;

	color: #ffffff;

	flex-shrink: 0;

	transition:
		transform 0.35s ease,
		background 0.35s ease;
}

.help-card:hover .help-icon {
	background: #fb923c;

	transform: rotate(8deg) scale(1.08);
}

.help-icon span {
	display: flex;
	align-items: center;
	justify-content: center;

	width: 24px;
	height: 24px;

	color: #ffffff;

	font-family: "Gabarito", sans-serif;
	font-size: 17px;
	font-weight: 700;
}

.help-card:hover .help-icon span {
	color: #0c4a6e;
}


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

.help-content {
	width: 100%;
}

.help-content h3 {
	margin: 0 0 8px;

	color: #0f172a;

	font-family: "Gabarito", sans-serif;
	font-size: 20px;
	line-height: 1.3;
	font-weight: 700;

	transition: color 0.3s ease;
}

.help-card:hover .help-content h3 {
	color: #0c4a6e;
}

.help-content p {
	margin: 0;

	color: #475569;

	font-family: "Gabarito", sans-serif;
	font-size: 14px;
	line-height: 20px;
	font-weight: 400;
}


/* =========================================================
   LINK
========================================================= */

.help-link {
	margin-top: auto;
	padding-top: 22px;

	display: inline-flex;
	align-items: center;
	gap: 5px;

	color: #fb923c;

	font-family: "Gabarito", sans-serif;
	font-size: 14px;
	font-weight: 700;

	text-decoration: none;

	transition:
		color 0.3s ease,
		gap 0.3s ease;
}

.help-link span {
	font-size: 17px;

	transition: transform 0.3s ease;
}

.help-link:hover {
	color: #ea580c;
	gap: 9px;
}

.help-link:hover span {
	transform: translateX(3px);
}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 1100px) {

	.help-section {
		padding: 80px 40px;
	}

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

}


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

@media (max-width: 767px) {

	.help-section {
		padding: 60px 20px;
	}

	.help-heading {
		margin-bottom: 32px;
	}

	.help-heading h2 {
		font-size: 30px;
	}

	.help-grid {
		grid-template-columns: 1fr;
		gap: 16px;
	}

	.help-card {
		min-height: 250px;
		padding: 24px;
	}

}


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

@media (max-width: 480px) {

	.help-section {
		padding: 50px 16px;
	}

	.help-heading h2 {
		font-size: 27px;
	}

	.help-label {
		font-size: 11px;
	}

	.help-card {
		min-height: 230px;
		padding: 22px;
	}

	.help-content h3 {
		font-size: 18px;
	}

	.help-content p {
		font-size: 13px;
		line-height: 19px;
	}

}











/* =========================================================
   ENQUIRY SECTION
========================================================= */

.enquiry-section {
	width: 100%;
	min-height: 800px;

	padding: 68px 80px;

	background: #F5F7FB;

	overflow: hidden;

	font-family: "Gabarito", sans-serif;
}


.enquiry-container {
	width: 100%;
	max-width: 1114px;

	margin: 0 auto;

	display: grid;
	grid-template-columns: 640px 1fr;

	column-gap: 82px;

	align-items: center;
}


/* =========================================================
   LEFT FORM
========================================================= */

.enquiry-form-wrapper {
	width: 100%;
}


.enquiry-intro {
	width: 100%;

	margin-bottom: 32px;
}


.enquiry-label {
	margin-bottom: 12px;

	color: #fb923c;

	font-size: 12px;
	line-height: 16px;
	font-weight: 700;

	letter-spacing: 0.03em;
}


.enquiry-intro p {
	margin: 0;

	max-width: 620px;

	color: #475569;

	font-size: 16px;
	line-height: 24px;
	font-weight: 400;
}


/* =========================================================
   FORM
========================================================= */

.enquiry-form {
	width: 100%;

	display: flex;
	flex-direction: column;

	gap: 20px;
}


.form-row {
	width: 100%;

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

	gap: 20px;
}


.form-group {
	width: 100%;

	display: flex;
	flex-direction: column;

	gap: 8px;
}


.form-group label {
	color: #0f172a;

	font-size: 12px;
	line-height: 16px;
	font-weight: 600;
}


.form-group label span {
	color: #f97316;
}


/* =========================================================
   INPUT
========================================================= */

.form-group input,
.form-group select,
.form-group textarea {

	width: 100%;

	border: 1px solid #e2e8f0;

	border-radius: 6px;

	background: #ffffff;

	color: #0f172a;

	font-family: "Gabarito", sans-serif;

	font-size: 14px;

	outline: none;

	transition:
		border-color 0.25s ease,
		box-shadow 0.25s ease,
		background 0.25s ease;
}


.form-group input,
.form-group select {
	height: 48px;

	padding: 0 16px;
}


.form-group textarea {
	height: 112px;

	padding: 14px 16px;

	resize: vertical;

	min-height: 112px;
}


.form-group input::placeholder,
.form-group textarea::placeholder {
	color: #94a3b8;
}


/* =========================================================
   FOCUS
========================================================= */

.form-group input:focus,
.form-group select:focus,
.form-group textarea:focus {

	border-color: #fb923c;

	box-shadow:
		0 0 0 3px rgba(251, 146, 60, 0.10);

	background: #fff;
}


/* =========================================================
   SELECT
========================================================= */

.select-wrapper {
	position: relative;
	width: 100%;
}


.select-wrapper::after {
	content: "⌄";

	position: absolute;

	right: 16px;
	top: 50%;

	transform: translateY(-55%);

	color: #475569;

	font-size: 18px;

	pointer-events: none;
}


.select-wrapper select {
	appearance: none;
	-webkit-appearance: none;

	cursor: pointer;

	padding-right: 42px;
}


.select-wrapper select:invalid {
	color: #94a3b8;
}


.select-wrapper option {
	color: #0f172a;
}


/* =========================================================
   SUBMIT BUTTON
========================================================= */

.enquiry-submit {

	width: 100%;

	min-height: 48px;

	margin-top: 4px;

	padding: 12px 24px;

	border: none;
	border-radius: 6px;

	background: #fb923c;

	color: #0f172a;

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

	gap: 8px;

	cursor: pointer;

	font-family: "Gabarito", sans-serif;

	font-size: 14px;
	font-weight: 700;

	transition:
		background 0.3s ease,
		transform 0.3s ease,
		box-shadow 0.3s ease;
}


.enquiry-submit:hover {

	background: #f97316;

	transform: translateY(-2px);

	box-shadow:
		0 10px 24px rgba(249, 115, 22, 0.20);
}


.enquiry-submit:active {
	transform: translateY(0);
}


.submit-arrow {
	font-size: 17px;

	transition: transform 0.3s ease;
}


.enquiry-submit:hover .submit-arrow {
	transform: translateX(4px);
}


/* =========================================================
   RIGHT IMAGE
========================================================= */

.enquiry-image-wrapper {

	position: relative;

	width: 100%;
	max-width: 524px;

	height: 440px;

	display: flex;
	align-items: center;
	justify-content: center;
}


.enquiry-image {

	position: relative;

	z-index: 2;

	width: 100%;


	object-fit: cover;

}


.enquiry-image-wrapper:hover .enquiry-image {

	transform: translateY(-6px);

	box-shadow:
		0 28px 55px rgba(15, 23, 42, 0.17);
}


/* Decorative shape */

.enquiry-image-shape {

	position: absolute;

	width: 180px;
	height: 180px;

	right: -25px;
	bottom: -25px;

	border-radius: 50%;

	background: rgba(251, 146, 60, 0.15);

	z-index: 1;
}


/* =========================================================
   LARGE DESKTOP
========================================================= */

@media (max-width: 1250px) {

	.enquiry-section {
		padding-left: 50px;
		padding-right: 50px;
	}

	.enquiry-container {

		grid-template-columns:
			minmax(0, 1.15fr) minmax(380px, 0.85fr);

		column-gap: 55px;

	}

}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 1000px) {

	.enquiry-section {

		min-height: auto;

		padding: 70px 40px;
	}


	.enquiry-container {

		max-width: 760px;

		grid-template-columns: 1fr;

		gap: 55px;
	}


	.enquiry-form-wrapper {
		max-width: 100%;
	}


	.enquiry-image-wrapper {

		width: 100%;

		max-width: 600px;

		height: 400px;

		margin: 0 auto;
	}


	.enquiry-image {

		height: 400px;
	}

}


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

@media (max-width: 700px) {

	.enquiry-section {

		padding: 55px 20px;
	}


	.enquiry-container {

		gap: 40px;
	}


	.enquiry-intro {

		margin-bottom: 28px;
	}


	.enquiry-intro p {

		font-size: 14px;

		line-height: 21px;
	}


	.form-row {

		grid-template-columns: 1fr;

		gap: 20px;
	}


	.enquiry-form {

		gap: 20px;
	}


	.enquiry-image-wrapper {

		height: 320px;
	}


	.enquiry-image {

		height: 320px;

		border-radius: 12px;
	}


	.enquiry-image-shape {

		width: 120px;
		height: 120px;

		right: -15px;
		bottom: -15px;
	}

}


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

@media (max-width: 480px) {

	.enquiry-section {

		padding: 45px 16px;
	}


	.enquiry-label {

		font-size: 11px;
	}


	.enquiry-intro p {

		font-size: 13px;

		line-height: 20px;
	}


	.form-group input,
	.form-group select {

		height: 46px;

		padding: 0 14px;
	}


	.form-group textarea {

		min-height: 105px;

		height: 105px;

		padding: 13px 14px;
	}


	.enquiry-submit {

		min-height: 46px;

		padding: 11px 20px;
	}


	.enquiry-image-wrapper {

		height: 260px;
	}


	.enquiry-image {

		height: 260px;
	}

}











/* =========================================================
   INVESTMENT + BUSINESS SECTION
========================================================= */

.investment-business-section {
	width: 100%;
	padding: 96px 80px;
	background: #fff7ed;
	font-family: "Gabarito", "Inter", sans-serif;
	box-sizing: border-box;
}

.investment-business-section *,
.investment-business-section *::before,
.investment-business-section *::after {
	box-sizing: border-box;
}

.ib-container {
	width: 100%;
	max-width: 1280px;
	margin: 0 auto;

	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 32px;
}


/* =========================================================
   COMMON HEADING
========================================================= */

.ib-heading {
	width: 100%;
}

.ib-heading h2 {
	margin: 8px 0 12px;
	color: #ffffff;
	font-size: 30px;
	line-height: 1.2;
	font-weight: 800;
}

.ib-heading p {
	margin: 0;
	color: #e2e8f0;
	font-size: 16px;
	line-height: 24px;
	font-weight: 400;
}

.ib-label {
	display: block;
	color: #fb923c;
	font-size: 12px;
	line-height: 18px;
	font-weight: 700;
}


/* =========================================================
   INVESTOR PANEL
========================================================= */

.investor-panel {
	min-height: 463px;
	padding: 48px;

	background: #0f172a;
	border-radius: 16px;

	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 32px;

	transition: transform 0.35s ease,
		box-shadow 0.35s ease;
}

.investor-panel:hover {
	transform: translateY(-4px);
	box-shadow: 0 18px 45px rgba(15, 23, 42, 0.15);
}


/* =========================================================
   INVESTOR STEPS
========================================================= */

.investor-steps {
	width: 100%;

	display: flex;
	align-items: stretch;
	gap: 24px;

	flex: 1;
}

.investor-timeline {
	width: 12px;

	display: flex;
	flex-direction: column;
	align-items: center;
}

.timeline-dot {
	width: 12px;
	height: 12px;

	flex-shrink: 0;

	background: #fb923c;
	border-radius: 50%;

	box-shadow: 0 0 0 4px rgba(251, 146, 60, 0.08);
}

.timeline-line {
	width: 2px;
	min-height: 42px;

	flex: 1;

	background: #fb923c;
}


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

.investor-content {
	flex: 1;

	display: flex;
	flex-direction: column;
	justify-content: space-between;

	gap: 20px;
}

.investor-step h3 {
	margin: 0 0 3px;

	color: #ffffff;

	font-size: 16px;
	line-height: 22px;
	font-weight: 700;
}

.investor-step p {
	margin: 0;

	color: #e2e8f0;

	font-size: 12px;
	line-height: 18px;
	font-weight: 400;
}


/* =========================================================
   PRIMARY BUTTON
========================================================= */

.ib-primary-btn {
	width: 100%;

	padding: 12px 24px;

	background: #fb923c;
	color: #0f172a;

	border-radius: 6px;

	display: flex;
	align-items: center;
	justify-content: center;
	gap: 8px;

	text-decoration: none;

	font-size: 14px;
	font-weight: 700;

	transition: all 0.3s ease;
}

.ib-primary-btn span {
	transition: transform 0.3s ease;
}

.ib-primary-btn:hover {
	background: #f97316;
	transform: translateY(-2px);
}

.ib-primary-btn:hover span {
	transform: translateX(4px);
}


/* =========================================================
   BUSINESS PANEL
========================================================= */

.business-panel {
	min-height: 463px;

	padding: 48px;

	background: #ffffff;

	border-radius: 16px;

	box-shadow: 0 8px 24px rgba(15, 23, 42, 0.02);

	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;

	gap: 32px;

	transition: transform 0.35s ease,
		box-shadow 0.35s ease;
}

.business-panel:hover {
	transform: translateY(-4px);
	box-shadow: 0 18px 45px rgba(15, 23, 42, 0.09);
}


/* =========================================================
   BUSINESS HEADING
========================================================= */

.business-heading h2 {
	color: #0f172a;
}

.business-heading p {
	color: #475569;
}

.business-label {
	display: block;

	color: #0284c7;

	font-size: 12px;
	line-height: 18px;
	font-weight: 700;
}


/* =========================================================
   BUSINESS STEPS
========================================================= */

.business-steps {
	width: 100%;

	display: flex;
	align-items: center;
	justify-content: space-between;

	padding: 12px 0;

	gap: 8px;
}

.business-step {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;

	gap: 6px;

	min-width: 55px;

	text-align: center;
}

.business-icon {
	width: 32px;
	height: 32px;

	background: rgba(2, 132, 199, 0.10);

	border-radius: 50%;

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

	color: #0284c7;

	font-size: 14px;
	font-weight: 700;

	transition: all 0.3s ease;
}

.business-step span {
	color: #0f172a;

	font-size: 12px;
	line-height: 16px;
	font-weight: 600;
}

.business-step:hover .business-icon {
	background: #0284c7;
	color: #ffffff;
	transform: scale(1.1);
}

.business-arrow {
	color: #94a3b8;

	font-size: 22px;
	line-height: 1;

	flex-shrink: 0;
}


/* =========================================================
   BUSINESS BUTTON
========================================================= */

.business-btn {
	width: 100%;

	height: 40px;

	padding: 8px 16px;

	background: #fb923c;

	border-radius: 4px;

	display: flex;
	align-items: center;
	justify-content: center;
	gap: 8px;

	color: #fff7ed;

	text-decoration: none;

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

	font-size: 12px;
	font-weight: 700;

	transition: all 0.3s ease;
}

.business-btn span {
	transition: transform 0.3s ease;
}

.business-btn:hover {
	background: #f97316;
}

.business-btn:hover span {
	transform: translateX(4px);
}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 1100px) {

	.investment-business-section {
		padding: 80px 40px;
	}

	.ib-container {
		grid-template-columns: 1fr;
		max-width: 760px;
	}

	.investor-panel,
	.business-panel {
		min-height: auto;
	}

}


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

@media (max-width: 700px) {

	.investment-business-section {
		padding: 55px 16px;
	}

	.ib-container {
		gap: 20px;
	}

	.investor-panel,
	.business-panel {
		padding: 28px 22px;
		border-radius: 14px;
		gap: 24px;
	}

	.ib-heading h2 {
		font-size: 25px;
	}

	.ib-heading p {
		font-size: 14px;
		line-height: 21px;
	}

	.investor-steps {
		gap: 18px;
	}

	.investor-content {
		gap: 24px;
	}

	.investor-step h3 {
		font-size: 15px;
	}

	.investor-step p {
		font-size: 11px;
		line-height: 17px;
	}

	.timeline-line {
		min-height: 38px;
	}

	/* Business steps horizontal scroll */
	.business-steps {
		justify-content: flex-start;
		overflow-x: auto;

		padding: 8px 2px 14px;

		scrollbar-width: none;
		flex-wrap: wrap;
	}

	.business-steps::-webkit-scrollbar {
		display: none;
	}

	.business-step {
		min-width: 45%;
	}

	.business-arrow {
		font-size: 20px;
		display: none;
	}

	.business-btn,
	.ib-primary-btn {
		min-height: 44px;
	}

}


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

@media (max-width: 420px) {

	.investment-business-section {
		padding: 45px 12px;
	}

	.investor-panel,
	.business-panel {
		padding: 24px 18px;
	}

	.ib-heading h2 {
		font-size: 23px;
	}

	.ib-heading p {
		font-size: 13px;
	}

	.investor-timeline {
		width: 10px;
	}

	.timeline-dot {
		width: 10px;
		height: 10px;
	}

	.investor-steps {
		gap: 14px;
	}

}













/* =========================================================
   VISIT US SECTION
========================================================= */

.visit-section {
	width: 100%;
	padding: 96px 80px;
	background: #ffffff;

	font-family: "Gabarito", "Inter", sans-serif;

	box-sizing: border-box;
}

.visit-section *,
.visit-section *::before,
.visit-section *::after {
	box-sizing: border-box;
}


/* =========================================================
   CONTAINER
========================================================= */

.visit-container {
	width: 100%;
	max-width: 1280px;
	margin: 0 auto;

	display: flex;
	flex-direction: column;
	gap: 48px;
}


/* =========================================================
   HEADING
========================================================= */

.visit-heading {
	width: 100%;

	display: flex;
	flex-direction: column;
	align-items: flex-start;

	gap: 12px;
}

.visit-label {
	color: #fb923c;

	font-family: "Gabarito", sans-serif;

	font-size: 12px;
	line-height: 18px;

	font-weight: 700;
}

.visit-heading h2 {
	margin: 0;

	color: #0f172a;

	font-family: "Gabarito", sans-serif;

	font-size: 36px;
	line-height: 44px;

	font-weight: 800;
}


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

.visit-content {
	width: 100%;

	display: grid;
	grid-template-columns: 616px 1fr;

	align-items: center;

	gap: 48px;
}


/* =========================================================
   MAP
========================================================= */

.visit-map {
	width: 100%;
	height: 384px;

	border-radius: 20px;

	overflow: hidden;

	position: relative;

	background:
		linear-gradient(rgba(14, 116, 144, 0.08),
			rgba(14, 116, 144, 0.08)),
		#e2e8f0;
}


/*
   Map placeholder.
   Replace .visit-map-placeholder with Google Maps iframe.
*/

.visit-map-placeholder {
	width: 100%;
	height: 100%;

	position: relative;

	background:
		linear-gradient(135deg,
			#e2e8f0 0%,
			#f8fafc 45%,
			#cbd5e1 100%);

	display: flex;
	align-items: center;
	justify-content: center;
}


/* Decorative map roads */

.visit-map-placeholder::before {
	content: "";

	position: absolute;

	width: 150%;
	height: 45px;

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

	transform: rotate(-18deg);
}


.visit-map-placeholder::after {
	content: "";

	position: absolute;

	width: 150%;
	height: 35px;

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

	transform: rotate(35deg);
}


/* =========================================================
   MAP PIN
========================================================= */

.visit-map-pin {
	width: 64px;
	height: 64px;

	position: relative;
	z-index: 2;

	background: #ffffff;

	border-radius: 50%;

	border: 3px solid #fb923c;

	box-shadow:
		0 8px 16px rgba(15, 23, 42, 0.15);

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

	color: #0c4a6e;

	font-size: 30px;

	transition: all 0.35s ease;
}

.visit-map:hover .visit-map-pin {
	transform: scale(1.1);
}


/* =========================================================
   INFO CARD
========================================================= */

.visit-info-card {
	width: 100%;

	padding: 40px;

	background: #ffffff;

	border-radius: 20px;

	border: 1px solid #e2e8f0;

	box-shadow:
		0 8px 24px rgba(15, 23, 42, 0.03);

	display: flex;
	flex-direction: column;

	gap: 28px;
}


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

.visit-info-list {
	width: 100%;

	display: flex;
	flex-direction: column;

	gap: 24px;
}


/* =========================================================
   INFO ITEM
========================================================= */

.visit-info-item {
	width: 100%;

	display: flex;
	align-items: center;

	gap: 20px;
}


/* =========================================================
   ICON
========================================================= */

.visit-icon {
	width: 40px;
	height: 40px;

	flex-shrink: 0;

	background: rgba(12, 74, 110, 0.10);

	border-radius: 50%;

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

	color: #0c4a6e;

	font-size: 18px;

	transition: all 0.3s ease;
}

.visit-info-item:hover .visit-icon {
	background: #0c4a6e;

	color: #ffffff;

	transform: scale(1.08);
}


/* =========================================================
   TEXT
========================================================= */

.visit-info-text {
	flex: 1;

	min-width: 0;

	display: flex;
	flex-direction: column;

	gap: 4px;
}

.visit-info-label {
	color: #fb923c;

	font-size: 12px;
	line-height: 18px;

	font-weight: 700;
}

.visit-info-text p {
	margin: 0;

	color: #0f172a;

	font-size: 16px;
	line-height: 22px;

	font-weight: 600;

	word-break: break-word;
}


/* =========================================================
   GET DIRECTIONS BUTTON
========================================================= */

.visit-direction-btn {
	width: 100%;

	min-height: 52px;

	padding: 14px 20px;

	background: #0c4a6e;

	border-radius: 8px;

	color: #ffffff;

	text-decoration: none;

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

	gap: 8px;

	font-size: 16px;
	line-height: 22px;

	font-weight: 700;

	transition:
		background 0.3s ease,
		transform 0.3s ease,
		box-shadow 0.3s ease;
}

.visit-arrow {
	transition: transform 0.3s ease;
}

.visit-direction-btn:hover {
	background: #075985;

	transform: translateY(-2px);

	box-shadow:
		0 8px 18px rgba(12, 74, 110, 0.18);
}

.visit-direction-btn:hover .visit-arrow {
	transform: translateX(5px);
}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 1100px) {

	.visit-section {
		padding: 80px 40px;
	}

	.visit-content {
		grid-template-columns: 1fr;

		gap: 32px;
	}

	.visit-map {
		height: 420px;
	}

	.visit-info-card {
		padding: 36px;
	}
}


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

@media (max-width: 700px) {

	.visit-section {
		padding: 60px 18px;
	}

	.visit-container {
		gap: 32px;
	}

	.visit-heading {
		gap: 8px;
	}

	.visit-heading h2 {
		font-size: 28px;
		line-height: 36px;
	}

	.visit-content {
		gap: 24px;
	}

	.visit-map {
		height: 300px;

		border-radius: 16px;
	}

	.visit-info-card {
		padding: 26px 20px;

		border-radius: 16px;

		gap: 24px;
	}

	.visit-info-list {
		gap: 22px;
	}

	.visit-info-item {
		align-items: flex-start;

		gap: 14px;
	}

	.visit-icon {
		width: 38px;
		height: 38px;

		font-size: 16px;
	}

	.visit-info-label {
		font-size: 11px;
	}

	.visit-info-text p {
		font-size: 14px;
		line-height: 20px;
	}

	.visit-direction-btn {
		min-height: 48px;

		font-size: 14px;
	}
}


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

@media (max-width: 420px) {

	.visit-section {
		padding: 48px 14px;
	}

	.visit-heading h2 {
		font-size: 25px;
		line-height: 32px;
	}

	.visit-map {
		height: 250px;
	}

	.visit-map-pin {
		width: 58px;
		height: 58px;

		font-size: 26px;
	}

	.visit-info-card {
		padding: 22px 16px;
	}

	.visit-info-item {
		gap: 12px;
	}

	.visit-info-text p {
		font-size: 13px;
		line-height: 19px;
	}

}











/* =========================================================
   FAQ SECTION
========================================================= */

.faq-section {
	width: 100%;
	background: #0f172a;
	padding: 96px 80px;
	font-family: "Gabarito", sans-serif;
	box-sizing: border-box;
}

.faq-container {
	width: 100%;
	max-width: 1200px;
	margin: 0 auto;
}

/* =========================================================
   FAQ HEADING
========================================================= */

.faq-heading {
	width: 100%;
	margin-bottom: 56px;
}

.faq-label {
	display: block;
	margin-bottom: 12px;
	color: #fb923c;
	font-size: 13px;
	font-weight: 700;
	letter-spacing: 0.4px;
	text-transform: uppercase;
}

.faq-heading h2 {
	margin: 0;
	color: #ffffff;
	font-size: 40px;
	line-height: 1.2;
	font-weight: 800;
}

/* =========================================================
   FAQ GRID
========================================================= */

.faq-grid {
	width: 100%;
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 20px;
	align-items: start;
}

/* =========================================================
   FAQ ITEM
========================================================= */

.faq-item {
	width: 100%;
	background: #ffffff;
	border-radius: 12px;
	overflow: hidden;
	transition: box-shadow 0.3s ease, transform 0.3s ease;
}

.faq-item:hover {
	box-shadow: 0 12px 30px rgba(0, 0, 0, 0.15);
}

/* =========================================================
   QUESTION BUTTON
========================================================= */

.faq-question {
	width: 100%;
	min-height: 80px;
	padding: 20px 24px;
	border: 0;
	outline: none;
	background: #ffffff;

	display: flex;
	align-items: center;
	gap: 14px;

	cursor: pointer;
	text-align: left;
	font-family: inherit;
}

/* Q Badge */

.faq-q {
	flex: 0 0 32px;
	width: 32px;
	height: 32px;

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

	border-radius: 50%;
	background: #e0f2fe;
	color: #075985;

	font-size: 14px;
	font-weight: 800;

	transition: all 0.3s ease;
}

/* Question */

.faq-question-text {
	flex: 1;
	color: #0f172a;
	font-size: 16px;
	line-height: 1.5;
	font-weight: 700;
}

/* Plus / Minus */

.faq-icon {
	flex: 0 0 30px;
	width: 30px;
	height: 30px;

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

	border-radius: 50%;

	background: #f1f5f9;
	color: #075985;

	font-size: 22px;
	line-height: 1;
	font-weight: 400;

	transition: all 0.3s ease;
}

/* =========================================================
   ACTIVE FAQ
========================================================= */

.faq-item.active {
	box-shadow: 0 10px 28px rgba(0, 0, 0, 0.12);
}

.faq-item.active .faq-q {
	background: #075985;
	color: #ffffff;
}

.faq-item.active .faq-icon {
	background: #075985;
	color: #ffffff;
	transform: rotate(180deg);
}

/* =========================================================
   ANSWER
========================================================= */

.faq-answer {
	display: grid;
	grid-template-rows: 0fr;

	transition: grid-template-rows 0.35s ease;
}

.faq-answer p {
	min-height: 0;
	overflow: hidden;

	margin: 0;
	padding: 0 24px 0 70px;

	color: #64748b;
	font-size: 14px;
	line-height: 1.7;

	opacity: 0;

	transition:
		opacity 0.25s ease,
		padding 0.35s ease;
}

.faq-item.active .faq-answer {
	grid-template-rows: 1fr;
}

.faq-item.active .faq-answer p {
	padding-top: 0;
	padding-bottom: 24px;
	opacity: 1;
}

/* =========================================================
   TABLET
========================================================= */

@media (max-width: 991px) {

	.faq-section {
		padding: 80px 40px;
	}

	.faq-heading {
		margin-bottom: 40px;
	}

	.faq-heading h2 {
		font-size: 34px;
	}

	.faq-grid {
		gap: 16px;
	}

	.faq-question {
		padding: 18px 20px;
	}

	.faq-question-text {
		font-size: 15px;
	}

	.faq-answer p {
		padding-left: 66px;
		font-size: 14px;
	}
}

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

@media (max-width: 767px) {

	.faq-section {
		padding: 64px 20px;
	}

	.faq-heading {
		margin-bottom: 32px;
	}

	.faq-label {
		font-size: 11px;
	}

	.faq-heading h2 {
		font-size: 30px;
		line-height: 1.25;
	}

	.faq-grid {
		grid-template-columns: 1fr;
		gap: 14px;
	}

	.faq-question {
		min-height: 74px;
		padding: 17px 16px;
		gap: 12px;
	}

	.faq-q {
		flex-basis: 30px;
		width: 30px;
		height: 30px;
		font-size: 13px;
	}

	.faq-question-text {
		font-size: 14px;
		line-height: 1.45;
	}

	.faq-icon {
		flex-basis: 28px;
		width: 28px;
		height: 28px;
		font-size: 20px;
	}

	.faq-answer p {
		padding-left: 58px;
		padding-right: 16px;
		font-size: 13px;
		line-height: 1.65;
	}

	.faq-item.active .faq-answer p {
		padding-bottom: 20px;
	}
}

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

@media (max-width: 420px) {

	.faq-section {
		padding: 52px 15px;
	}

	.faq-heading h2 {
		font-size: 27px;
	}

	.faq-question {
		padding: 15px;
	}

	.faq-question-text {
		font-size: 13.5px;
	}

	.faq-answer p {
		padding-left: 57px;
	}
}








/* =========================================================
   ENQUIRY CTA SECTION
========================================================= */

.enquiry-cta {
	position: relative;
	width: 100%;
	min-height: 505px;

	overflow: hidden;
	display: flex;
	align-items: center;

	font-family: "Gabarito", sans-serif;
}

/* =========================================================
   BACKGROUND IMAGE
========================================================= */

.enquiry-bg {
	position: absolute;
	inset: 0;

	width: 100%;
	height: 100%;

	object-fit: cover;
	object-position: center;

	z-index: 0;
}

/* =========================================================
   OVERLAY
========================================================= */

.enquiry-overlay {
	position: absolute;
	inset: 0;



	z-index: 1;
}

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

.enquiry-content {
	position: relative;
	z-index: 2;

	width: 100%;
	max-width: 1440px;

	margin: 0 auto;
	padding: 80px 103px;

	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: center;

	box-sizing: border-box;
}

/* =========================================================
   TEXT
========================================================= */

.enquiry-text {
	width: 100%;
	max-width: 656px;

	display: flex;
	flex-direction: column;
	align-items: flex-start;

	gap: 16px;
}

.enquiry-text h2 {
	margin: 0;

	color: #ffffff;

	font-size: 48px;
	line-height: 56px;
	font-weight: 700;

	letter-spacing: -0.8px;
}

.enquiry-text h2 span {
	color: #fb923c;
}

.enquiry-text p {
	margin: 0;

	color: #e2e8f0;

	font-size: 18px;
	line-height: 28px;
	font-weight: 400;
}

/* =========================================================
   BUTTON
========================================================= */

.enquiry-btn {
	margin-top: 32px;

	display: inline-flex;
	align-items: center;
	justify-content: center;

	gap: 8px;

	padding: 14px 28px;

	background: #fb923c;
	color: #0f172a;

	border-radius: 6px;

	text-decoration: none;

	font-size: 16px;
	line-height: 24px;
	font-weight: 700;

	transition:
		background 0.3s ease,
		transform 0.3s ease,
		box-shadow 0.3s ease;
}

.enquiry-arrow {
	font-size: 20px;
	line-height: 1;

	transition: transform 0.3s ease;
}

.enquiry-btn:hover {
	background: #fdba74;
	transform: translateY(-2px);

	box-shadow: 0 10px 25px rgba(0, 0, 0, 0.22);
}

.enquiry-btn:hover .enquiry-arrow {
	transform: translateX(5px);
}

/* =========================================================
   LARGE DESKTOP
========================================================= */

@media (max-width: 1200px) {

	.enquiry-content {
		padding-left: 70px;
		padding-right: 70px;
	}

	.enquiry-text h2 {
		font-size: 44px;
		line-height: 52px;
	}
}

/* =========================================================
   TABLET
========================================================= */

@media (max-width: 991px) {

	.enquiry-cta {
		min-height: 460px;
	}

	.enquiry-content {
		padding: 70px 50px;
	}

	.enquiry-text {
		max-width: 600px;
	}

	.enquiry-text h2 {
		font-size: 40px;
		line-height: 48px;
	}

	.enquiry-text p {
		font-size: 17px;
		line-height: 27px;
	}
}

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

@media (max-width: 767px) {

	.enquiry-cta {
		min-height: 470px;
	}

	.enquiry-bg {
		object-position: center;
	}

	.enquiry-overlay {
		background:
			linear-gradient(90deg,
				rgba(2, 6, 23, 0.88),
				rgba(2, 6, 23, 0.68));
	}

	.enquiry-content {
		padding: 60px 24px;
	}

	.enquiry-text {
		max-width: 100%;
		gap: 14px;
	}

	.enquiry-text h2 {
		font-size: 34px;
		line-height: 42px;
		letter-spacing: -0.4px;
	}

	.enquiry-text p {
		font-size: 16px;
		line-height: 25px;
	}

	.enquiry-btn {
		margin-top: 26px;
		padding: 13px 22px;

		font-size: 15px;
	}
}

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

@media (max-width: 480px) {

	.enquiry-cta {
		min-height: 500px;
	}

	.enquiry-content {
		padding: 55px 20px;
	}

	.enquiry-text h2 {
		font-size: 30px;
		line-height: 38px;
	}

	.enquiry-text p {
		font-size: 15px;
		line-height: 24px;
	}

	.enquiry-btn {
		width: auto;
		padding: 13px 20px;
	}
}