/* =========================
       BODY STYLE
    ========================== */
body {
	font-family: 'Inter', sans-serif;
	background: #f5f5fb;
	color: #1d1d1f;
	overflow-x: hidden;
}


/* =========================
   MODERN NAVBAR (NEW STYLE)
========================= */

.custom-navbar {
	background: rgba(255, 255, 255, 0.75);
	backdrop-filter: blur(14px);
	border-bottom: 1px solid #eef1f6;
	padding: 10px 0;
	position: sticky;
	top: 0;
	z-index: 999;
}


/* NAV LINKS */
.navbar-nav .nav-link {
	font-size: 15px;
	font-weight: 600;
	color: #6b7280 !important;
	margin: 0 10px;
	padding: 10px 14px !important;
	border-radius: 999px;
	transition: 0.3s ease;
}

/* ACTIVE / HOVER PILL STYLE */
.navbar-nav .nav-link:hover,
.navbar-nav .nav-link.active {
	background: rgba(13, 110, 253, 0.08);
	color: #0d6efd !important;
}

/* RIGHT SIDE */
.nav-right {
	display: flex;
	align-items: center;
	gap: 14px;
}

/* LOGIN LINK */
.nav-login {
	font-weight: 600;
	color: #374151;
	text-decoration: none;
	transition: 0.3s;
}

.nav-login:hover {
	color: #0d6efd;
}

.navbar-logo {
	height: 45px;
	width: auto;
	object-fit: contain;
}

/* MOBILE */
@media (max-width: 991px) {
	.navbar-logo {
		height: 38px;
	}
}

/* BUTTON */
.btn-primary-custom {
	background: linear-gradient(135deg, #f4a000, #ffb703);
	color: #fff;
	padding: 12px 22px;
	border-radius: 999px;
	font-size: 14px;
	font-weight: 700;
	border: none;
	text-decoration: none;
	transition: 0.3s ease;
}

.btn-primary-custom:hover {
	transform: translateY(-2px);
	box-shadow: 0 10px 25px rgba(244, 160, 0, 0.25);
}

/* TOGGLER */
.navbar-toggler {
	border: none;
	box-shadow: none !important;
}

/* MOBILE */
@media (max-width: 991px) {

	.nav-right {
		flex-direction: column;
		align-items: stretch;
		margin-top: 15px;
	}

	.navbar-nav {
		margin-top: 15px;
	}

}

/* =========================
   HERO SECTION
========================= */
.modern-hero-area {
	padding: 60px 0;
	background: #f5f7ff;
	position: relative;
	overflow: hidden;
}

/* =========================
   HERO CONTENT
========================= */
.hero-content-wrapper {
	position: relative;
	z-index: 2;
}

/* =========================
   BADGE
========================= */
.hero-top-badge {
	display: inline-block;
	background: #e0e7ff;
	color: #2563eb;
	padding: 12px 22px;
	border-radius: 50px;
	font-size: 14px;
	font-weight: 700;
	letter-spacing: 1px;
	margin-bottom: 30px;
}

/* =========================
   HERO TITLE
========================= */
.modern-hero-title {
	font-size: 56px;
	font-weight: 800;
	line-height: 1.3;
	color: #111827;
	margin-bottom: 30px;
}

/* =========================
   DESCRIPTION
========================= */
.modern-hero-description {
	font-size: 18px;
	line-height: 1.9;
	color: #6b7280;
	margin-bottom: 45px;
	max-width: 650px;
}

/* =========================
   BUTTON GROUP
========================= */
.hero-button-group {
	display: flex;
	align-items: center;
	gap: 18px;
	margin-bottom: 50px;
}

/* =========================
   PRIMARY BUTTON
========================= */
.hero-primary-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 16px 34px;
	background: #1d4ed8;
	color: #ffffff;
	text-decoration: none;
	border-radius: 14px;
	font-size: 18px;
	font-weight: 600;
	/* margin-top: 20px; */
	transition: 0.3s;
}

.hero-primary-btn:hover {
	background: #1d4ed8;
	color: #ffffff;
}

/* =========================
   SECONDARY BUTTON
========================= */
.hero-secondary-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border: 1px solid #d1d5db;
	color: #111827;
	padding: 16px 34px;
	border-radius: 14px;
	text-decoration: none;
	font-size: 18px;
	font-weight: 600;
	background: #ffffff;
	transition: 0.3s;
}

.hero-secondary-btn:hover {
	background: #f3f4f6;
	color: #111827;
}

/* =========================
   MINI STATS
========================= */
.hero-mini-stats {
	display: flex;
	gap: 50px;
}

.mini-stat-item h4 {
	font-size: 38px;
	font-weight: 800;
	color: #2563eb;
	margin-bottom: 8px;
}

.mini-stat-item p {
	font-size: 18px;
	color: #6b7280;
	margin: 0;
}

/* =========================
   IMAGE STACK
========================= */
.hero-image-stack {
	position: relative;
	padding-left: 50px;
}

/* =========================
   MAIN IMAGE
========================= */
.hero-main-image-box {
	position: relative;
	z-index: 2;
}

.hero-main-image {
	width: 100%;
	height: 450px;
	object-fit: cover;
	border-radius: 35px;
	box-shadow: 0 20px 50px rgba(0, 0, 0, 0.12);
}

/* =========================
   FLOATING CARD
========================= */
.hero-floating-info {
	position: absolute;
	left: 0;
	bottom: 80px;
	background: #ffffff;
	padding: 25px;
	width: 320px;
	border-radius: 24px;
	display: flex;
	gap: 18px;
	align-items: flex-start;
	box-shadow: 0 15px 40px rgba(0, 0, 0, 0.10);
	z-index: 3;
}

/* =========================
   FLOAT ICON
========================= */
.floating-icon-circle {
	width: 65px;
	height: 65px;
	min-width: 65px;
	border-radius: 18px;
	background: #2563eb;
	color: #ffffff;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 28px;
}

/* =========================
   FLOAT TITLE
========================= */
.floating-info-title {
	font-size: 24px;
	font-weight: 700;
	color: #111827;
	margin-bottom: 8px;
}

/* =========================
   FLOAT TEXT
========================= */
.floating-info-text {
	font-size: 16px;
	line-height: 1.7;
	color: #6b7280;
	margin: 0;
}

/* =========================
   SIDE CARD
========================= */
.hero-side-card {
	position: absolute;
	right: -20px;
	top: 50px;
	width: 280px;
	background: #111827;
	color: #ffffff;
	padding: 30px;
	border-radius: 28px;
	z-index: 4;
}

/* =========================
   SIDE LABEL
========================= */
.side-card-label {
	display: inline-block;
	color: #93c5fd;
	font-size: 13px;
	font-weight: 700;
	letter-spacing: 1px;
	margin-bottom: 18px;
}

/* =========================
   SIDE TITLE
========================= */
.side-card-title {
	font-size: 30px;
	font-weight: 700;
	line-height: 1.4;
	margin-bottom: 30px;
}

/* =========================
   USER GROUP
========================= */
.side-user-group {
	display: flex;
	align-items: center;
}

.side-user-img {
	width: 52px;
	height: 52px;
	border-radius: 50%;
	border: 3px solid #111827;
	object-fit: cover;
	margin-left: -12px;
}

.side-user-img:first-child {
	margin-left: 0;
}

.side-user-count {
	width: 52px;
	height: 52px;
	border-radius: 50%;
	background: #2563eb;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 16px;
	font-weight: 700;
	margin-left: -12px;
}

/* =========================
   TABLET
========================= */
@media(max-width:992px) {

	.modern-hero-title {
		font-size: 52px;
	}

	.hero-image-stack {
		padding-left: 0;
	}

	.hero-main-image {
		height: 500px;
	}

	.hero-side-card {
		right: 20px;
	}

}

/* =========================
   MOBILE
========================= */
@media(max-width:768px) {

	.modern-hero-area {
		padding: 80px 0;
	}

	.modern-hero-title {
		font-size: 40px;
	}

	.modern-hero-description {
		font-size: 18px;
	}

	.hero-button-group {
		flex-direction: column;
		align-items: stretch;
	}

	.hero-primary-btn,
	.hero-secondary-btn {
		width: 100%;
	}

	.hero-mini-stats {
		gap: 25px;
		flex-wrap: wrap;
	}

	.hero-main-image {
		height: 420px;
	}

	.hero-floating-info {
		position: relative;
		width: 100%;
		left: 0;
		bottom: 0;
		margin-top: -60px;
	}

	.hero-side-card {
		position: relative;
		width: 100%;
		top: 0;
		right: 0;
		margin-top: 20px;
	}

}

/* =========================
   SECTION
========================= */
.business-partner-section {
	padding: 70px 0;
	background: #f6f8fd;
	overflow: hidden;
}


/* =========================
   SUBTEXT
========================= */
.partner-section-text {
	font-size: 18px;
	line-height: 1.8;
	color: #6b7280;
	max-width: 850px;
	margin: auto;
}

/* =========================
   LEFT CONTENT
========================= */
.partner-left-content {
	padding-right: 40px;
}

/* =========================
   ICON
========================= */
.partner-icon-box {
	width: 80px;
	height: 80px;
	border-radius: 22px;
	background: #1d4ed8;
	color: #ffffff;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 34px;
	margin-bottom: 35px;
}

/* =========================
   TITLE
========================= */
.partner-content-title {
	font-size: 38px;
	font-weight: 800;
	line-height: 1.3;
	color: #111827;
	margin-bottom: 15px;
}

/* =========================
   DESCRIPTION
========================= */
.partner-content-description {
	font-size: 18px;
	line-height: 1.9;
	color: #6b7280;
	margin-bottom: 40px;
}

/* =========================
   FEATURE
========================= */
.partner-feature-item {
	display: flex;
	align-items: flex-start;
	gap: 18px;
	margin-bottom: 30px;
}

/* =========================
   CHECK ICON
========================= */
.partner-feature-check {
	width: 34px;
	height: 34px;
	min-width: 34px;
	border-radius: 50%;
	background: #dbeafe;
	color: #2563eb;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 16px;
	font-weight: 700;
	margin-top: 5px;
}

/* =========================
   FEATURE TITLE
========================= */
.partner-feature-title {
	font-size: 22px;
	font-weight: 700;
	color: #111827;
	margin-bottom: 8px;
}

/* =========================
   FEATURE TEXT
========================= */
.partner-feature-text {
	font-size: 18px;
	line-height: 1.8;
	color: #6b7280;
	margin: 0;
}

/* =========================
   BUTTON
========================= */
.partner-action-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 16px 34px;
	background: #1d4ed8;
	color: #ffffff;
	text-decoration: none;
	border-radius: 14px;
	font-size: 18px;
	font-weight: 600;
	margin-top: 20px;
	transition: 0.3s;
}

.partner-action-btn:hover {
	background: #1639a8;
	color: #ffffff;
}

/* =========================
   IMAGE AREA
========================= */
.partner-image-layout {
	position: relative;
	padding-left: 40px;
}

/* =========================
   MAIN IMAGE
========================= */
.partner-main-image {
	width: 100%;
	border-radius: 35px;
	object-fit: cover;
	height: 650px;
}

/* =========================
   FLOATING CARD
========================= */
.partner-floating-card {
	position: absolute;
	bottom: 40px;
	left: 0;
	width: 320px;
	background: #ffffff;
	border-radius: 28px;
	padding: 30px;
	box-shadow: 0 15px 40px rgba(0, 0, 0, 0.12);
}

/* =========================
   FLOAT ICON
========================= */
.floating-card-icon {
	width: 70px;
	height: 70px;
	border-radius: 18px;
	background: #1d4ed8;
	color: #ffffff;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 30px;
	margin-bottom: 25px;
}

/* =========================
   FLOAT TITLE
========================= */
.floating-card-title {
	font-size: 28px;
	font-weight: 700;
	color: #111827;
	margin-bottom: 15px;
}

/* =========================
   FLOAT TEXT
========================= */
.floating-card-text {
	font-size: 17px;
	line-height: 1.8;
	color: #6b7280;
	margin-bottom: 25px;
}

/* =========================
   USER GROUP
========================= */
.floating-user-group {
	display: flex;
	align-items: center;
}

/* =========================
   USER IMAGE
========================= */
.floating-user-img {
	width: 52px;
	height: 52px;
	border-radius: 50%;
	object-fit: cover;
	border: 3px solid #ffffff;
	margin-left: -12px;
}

.floating-user-img:first-child {
	margin-left: 0;
}

/* =========================
   USER COUNT
========================= */
.floating-user-count {
	width: 52px;
	height: 52px;
	border-radius: 50%;
	background: #2563eb;
	color: #ffffff;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 18px;
	font-weight: 700;
	margin-left: -12px;
}

/* =========================
   TABLET
========================= */
@media(max-width:992px) {

	.partner-section-title {
		font-size: 42px;
	}

	.partner-content-title {
		font-size: 36px;
	}

	.partner-left-content {
		padding-right: 0;
	}

	.partner-image-layout {
		padding-left: 0;
	}

	.partner-main-image {
		height: 500px;
	}

}

/* =========================
   MOBILE
========================= */
@media(max-width:768px) {

	.business-partner-section {
		padding: 70px 0;
	}

	.partner-section-text {
		font-size: 18px;
	}

	.partner-content-title {
		font-size: 30px;
	}

	.partner-content-description {
		font-size: 18px;
	}

	.partner-feature-title {
		font-size: 22px;
	}

	.partner-feature-text {
		font-size: 16px;
	}

	.partner-main-image {
		height: 420px;
	}

	.partner-floating-card {
		position: relative;
		width: 100%;
		left: 0;
		bottom: 0;
		margin-top: -80px;
	}

}

/* =========================
   PROCESS SECTION
========================= */
.agency-process-section {
	padding: 110px 0;
	background: #ffffff;
}

/* =========================
   BADGE
========================= */
.process-badge {
	display: inline-block;
	background: #e0ecff;
	color: #2563eb;
	padding: 10px 22px;
	border-radius: 50px;
	font-size: 14px;
	font-weight: 700;
	letter-spacing: 1px;
	margin-bottom: 25px;
}


/* =========================
   PROCESS CARD
========================= */
.process-card-item {
	background: #f8faff;
	border: 1px solid #e5e7eb;
	border-radius: 30px;
	padding: 45px 35px;
	position: relative;
	height: 100%;
	transition: 0.3s;
}

.process-card-item:hover {
	transform: translateY(-8px);
	box-shadow: 0 15px 40px rgba(0, 0, 0, 0.08);
}

/* =========================
   ACTIVE CARD
========================= */
.active-process-card {
	background: #2563eb;
}

.active-process-card .process-card-title,
.active-process-card .process-card-text,
.active-process-card .process-step-number {
	color: #ffffff;
}

.active-process-card .process-icon-box {
	background: rgba(255, 255, 255, 0.15);
}

/* =========================
   STEP NUMBER
========================= */
.process-step-number {
	position: absolute;
	top: 30px;
	right: 30px;
	font-size: 20px;
	font-weight: 800;
	color: #2563eb;
}

/* =========================
   ICON BOX
========================= */
.process-icon-box {
	width: 85px;
	height: 85px;
	border-radius: 22px;
	background: #2563eb;
	color: #ffffff;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 38px;
	margin-bottom: 35px;
}

/* =========================
   CARD TITLE
========================= */
.process-card-title {
	font-size: 20px;
	font-weight: 700;
	line-height: 1.3;
	color: #111827;
	margin-bottom: 18px;
}

/* =========================
   CARD TEXT
========================= */
.process-card-text {
	font-size: 18px;
	line-height: 1.9;
	color: #6b7280;
	margin: 0;
}

/* =========================
   BOTTOM CTA BOX
========================= */
.process-bottom-box {
	background: #111827;
	border-radius: 35px;
	padding: 50px;
	margin-top: 30px;
}

/* =========================
   CTA TITLE
========================= */
.bottom-box-title {
	font-size: 34px;
	font-weight: 800;
	color: #ffffff;
	margin-bottom: 15px;
}

/* =========================
   CTA TEXT
========================= */
.bottom-box-text {
	font-size: 18px;
	line-height: 1.8;
	color: rgba(255, 255, 255, 0.75);
	margin: 0;
}

/* =========================
   CTA BUTTON
========================= */
.bottom-box-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 18px 36px;
	background: #2563eb;
	color: #ffffff;
	text-decoration: none;
	border-radius: 14px;
	font-size: 18px;
	font-weight: 600;
	transition: 0.3s;
}

.bottom-box-btn:hover {
	background: #1d4ed8;
	color: #ffffff;
}

/* =========================
   TABLET
========================= */
@media(max-width:992px) {


	.bottom-box-title {
		font-size: 34px;
	}

	.process-bottom-box {
		padding: 40px;
	}

}

/* =========================
   MOBILE
========================= */
@media(max-width:768px) {

	.agency-process-section {
		padding: 80px 0;
	}

	.process-card-item {
		padding: 35px 25px;
	}

	.process-card-title {
		font-size: 28px;
	}

	.process-card-text {
		font-size: 17px;
	}

	.process-bottom-box {
		padding: 30px 25px;
	}

	.bottom-box-title {
		font-size: 28px;
	}

	.bottom-box-text {
		font-size: 17px;
		margin-bottom: 25px;
	}

	.bottom-box-btn {
		width: 100%;
	}

}


/* =========================
   FOOTER SECTION
========================= */
.agency-footer-section {
	background: #0f172a;
	padding-top: 100px;
	color: #ffffff;
}

/* =========================
   TOP WRAPPER
========================= */
.footer-top-wrapper {
	padding-bottom: 60px;
	border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}

/* =========================
   LOGO
========================= */
.footer-logo {
	display: inline-block;
	font-size: 40px;
	font-weight: 800;
	color: #ffffff;
	text-decoration: none;
	margin-bottom: 25px;
}

/* =========================
   ABOUT TEXT
========================= */
.footer-about-text {
	font-size: 18px;
	line-height: 1.9;
	color: rgba(255, 255, 255, 0.70);
	margin-bottom: 35px;
}

/* =========================
   SOCIAL LIST
========================= */
.footer-social-list {
	display: flex;
	align-items: center;
	gap: 14px;
}

/* =========================
   SOCIAL ICON
========================= */
.footer-social-icon {
	width: 50px;
	height: 50px;
	border-radius: 14px;
	background: rgba(255, 255, 255, 0.08);
	color: #ffffff;
	display: flex;
	align-items: center;
	justify-content: center;
	text-decoration: none;
	font-size: 18px;
	transition: 0.3s;
}

.footer-social-icon:hover {
	background: #2563eb;
	color: #ffffff;
}

/* =========================
   WIDGET TITLE
========================= */
.footer-widget-title {
	font-size: 24px;
	font-weight: 700;
	margin-bottom: 28px;
	color: #ffffff;
}

/* =========================
   LINKS
========================= */
.footer-links-list {
	padding: 0;
	margin: 0;
	list-style: none;
}

.footer-links-list li {
	margin-bottom: 16px;
}

.footer-links-list li a {
	font-size: 17px;
	color: rgba(255, 255, 255, 0.70);
	text-decoration: none;
	transition: 0.3s;
}

.footer-links-list li a:hover {
	color: #ffffff;
	padding-left: 5px;
}

/* =========================
   NEWSLETTER TEXT
========================= */
.footer-newsletter-text {
	font-size: 17px;
	line-height: 1.8;
	color: rgba(255, 255, 255, 0.70);
	margin-bottom: 30px;
}

/* =========================
   NEWSLETTER FORM
========================= */
.footer-newsletter-form {
	display: flex;
	align-items: center;
	gap: 12px;
}

/* =========================
   INPUT
========================= */
.footer-input-field {
	width: 100%;
	height: 60px;
	border: none;
	outline: none;
	border-radius: 14px;
	padding: 0 20px;
	background: rgba(255, 255, 255, 0.08);
	color: #ffffff;
	font-size: 16px;
}

.footer-input-field::placeholder {
	color: rgba(255, 255, 255, 0.45);
}

/* =========================
   BUTTON
========================= */
.footer-submit-btn {
	height: 60px;
	border: none;
	padding: 0 28px;
	border-radius: 14px;
	background: #2563eb;
	color: #ffffff;
	font-size: 16px;
	font-weight: 600;
	transition: 0.3s;
}

.footer-submit-btn:hover {
	background: #1d4ed8;
}

/* =========================
   FOOTER BOTTOM
========================= */
.footer-bottom-wrapper {
	padding: 30px 0;
}

/* =========================
   COPYRIGHT
========================= */
.footer-copyright-text {
	margin: 0;
	font-size: 16px;
	color: rgba(255, 255, 255, 0.60);
}

/* =========================
   POLICY LINKS
========================= */
.footer-policy-links {
	display: flex;
	justify-content: flex-end;
	gap: 25px;
}

.footer-policy-links a {
	color: rgba(255, 255, 255, 0.60);
	text-decoration: none;
	font-size: 16px;
	transition: 0.3s;
}

.footer-policy-links a:hover {
	color: #ffffff;
}

/* =========================
   TABLET
========================= */
@media(max-width:992px) {

	.footer-newsletter-form {
		flex-direction: column;
		align-items: stretch;
	}

	.footer-submit-btn {
		width: 100%;
	}

}

/* =========================
   MOBILE
========================= */
@media(max-width:768px) {

	.agency-footer-section {
		padding-top: 70px;
	}

	.footer-logo {
		font-size: 32px;
	}

	.footer-widget-title {
		font-size: 22px;
	}

	.footer-about-text,
	.footer-newsletter-text {
		font-size: 16px;
	}

	.footer-policy-links {
		justify-content: flex-start;
		flex-wrap: wrap;
		gap: 15px;
	}

}


/* SECTION */
.join-section {
	background: #f5f5fb;
	overflow: hidden;
}

/* TEXT */
.section-content h2 {
	font-size: 48px;
	color: #111827;
}

.section-text {
	font-size: 18px;
	line-height: 1.8;
	color: #4b5563;
	max-width: 600px;
}

/* CARDS */
.join-card {
	display: flex;
	align-items: center;
	gap: 15px;
	padding: 22px 24px;
	background: #fff;
	border: 1px solid #e5e7eb;
	border-radius: 16px;
	transition: 0.3s ease;
	cursor: pointer;
	height: 100%;
	box-shadow: 0 5px 15px rgba(0, 0, 0, 0.03);
}

.join-card:hover {
	transform: translateY(-5px);
	border-color: #2563eb;
	box-shadow: 0 15px 35px rgba(37, 99, 235, 0.15);
}

.icon-box {
	width: 52px;
	height: 52px;
	border-radius: 12px;
	background: rgba(37, 99, 235, 0.1);
	display: flex;
	align-items: center;
	justify-content: center;
	color: #2563eb;
	font-size: 22px;
	flex-shrink: 0;
}

.join-card span {
	font-size: 18px;
	font-weight: 600;
	color: #111827;
}

/* IMAGE */
.image-wrapper {
	position: relative;
	border-radius: 24px;
	overflow: hidden;
}

.image-wrapper img {
	width: 100%;
	height: 700px;
	object-fit: cover;
	border-radius: 24px;
}

/* STATS CARD */
.stats-card {
	position: absolute;
	bottom: 30px;
	left: -30px;
	background: #fff;
	padding: 28px 32px;
	border-radius: 20px;
	box-shadow: 0 15px 40px rgba(0, 0, 0, 0.12);
}

.stats-card h3 {
	font-size: 42px;
	color: #2563eb;
	margin-bottom: 5px;
	font-weight: 700;
}

.stats-card p {
	margin: 0;
	color: #374151;
	font-size: 16px;
}

/* RESPONSIVE */
@media (max-width: 991px) {

	.section-content h2 {
		font-size: 36px;
	}

	.image-wrapper img {
		height: 500px;
	}

	.stats-card {
		left: 20px;
		bottom: 20px;
	}
}

@media (max-width: 576px) {

	.section-content h2 {
		font-size: 30px;
	}

	.section-text {
		font-size: 16px;
	}

	.join-card {
		padding: 18px;
	}

	.join-card span {
		font-size: 16px;
	}

	.stats-card {
		padding: 20px;
	}

	.stats-card h3 {
		font-size: 30px;
	}
}


/* =========================
   ROADMAP SECTION
========================= */

.roadmap-section {
	padding: 70px 0;
	background: #f6f6fb;
}

.roadmap-header {
	text-align: center;
	max-width: 800px;
	margin: auto;
	margin-bottom: 10px;
}

.roadmap-tag {
	display: inline-block;
	color: #2f5ec4;
	font-size: 14px;
	letter-spacing: 3px;
	font-weight: 600;
	margin-bottom: 20px;
}

.roadmap-title {
	font-size: 52px;
	font-weight: 700;
	color: #0f172a;
	margin-bottom: 20px;
}

.roadmap-desc {
	font-size: 20px;
	line-height: 1.8;
	color: #475569;
}

.roadmap-wrapper {
	position: relative;
	display: flex;
	justify-content: space-between;
	gap: 20px;
}

.roadmap-line {
	position: absolute;
	top: 40px;
	left: 8%;
	right: 8%;
	height: 2px;
	border-top: 2px dashed #b9bfd1;
	z-index: 1;
}

.roadmap-item {
	position: relative;
	z-index: 2;
	text-align: center;
	width: 20%;
}

.roadmap-icon {
	width: 82px;
	height: 82px;
	margin: 0 auto 35px;
	border-radius: 50%;
	background: #dfe2ea;
	border: 1px solid #bcc2d3;

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

	color: #0057d8;
	font-size: 30px;
}

.roadmap-icon-active {
	background: #c95a00;
	border-color: #c95a00;
	color: #fff;
}

.roadmap-item h4 {
	font-size: 22px;
	font-weight: 700;
	margin-bottom: 18px;
	color: #0f172a;
}

.roadmap-item p {
	/* font-size:18px; */
	line-height: 1.7;
	color: #6b7280;
}

/* =========================
   RESPONSIVE
========================= */

@media(max-width:991px) {

	.roadmap-wrapper {
		flex-wrap: wrap;
	}

	.roadmap-line {
		display: none;
	}

	.roadmap-item {
		width: 48%;
		margin-bottom: 40px;
	}

	.roadmap-title {
		font-size: 42px;
	}
}

@media(max-width:576px) {

	.roadmap-item {
		width: 100%;
	}

	.roadmap-title {
		font-size: 34px;
	}

	.roadmap-desc {
		font-size: 16px;
	}
}

/* ==================================
   GROWTH OPPORTUNITIES SECTION
================================== */

.growth-section {
	padding: 100px 0;
	background: #f5f6fc;
}

.growth-header {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	margin-bottom: 50px;
}


.growth-desc {
	max-width: 520px;
	line-height: 1.7;
	color: #6b7280;
	font-size: 16px;
}

.growth-arrow {
	font-size: 40px;
	color: #3558c9;
}

/* Common Card */

.growth-card-card {
	background: #fff;
	border: 1px solid #e5e7eb;
	border-radius: 16px;
	padding: 35px;
	height: 100%;
	transition: .3s;
	position: relative;
}

.growth-card-card:hover {
	transform: translateY(-6px);
	box-shadow: 0 20px 40px rgba(0, 0, 0, .08);
}

.growth-card-card h3 {
	font-size: 32px;
	font-weight: 700;
	margin-bottom: 18px;
	color: #111827;
}

.growth-card-card p {
	color: #6b7280;
	line-height: 1.8;
	margin-bottom: 0;
}

/* Large Card */

.card-icon {
	width: 60px;
	height: 60px;
	border-radius: 14px;
	background: #dce5ff;
	color: #3558c9;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 24px;
	margin-bottom: 25px;
}

.badge-group {
	display: flex;
	gap: 15px;
	margin-top: 25px;
}

.badge-group span {
	background: #eef2ff;
	color: #3558c9;
	padding: 10px 18px;
	border-radius: 50px;
	font-size: 14px;
	font-weight: 600;
}

/* Leadership Card */

.leadership-card-card {
	background: #1150cf;
	color: #fff;
	overflow: hidden;
}

.leadership-card-card h3,
.leadership-card-card p {
	color: #fff;
}

.leadership-card-card ul {
	padding: 0;
	margin: 30px 0 0;
	list-style: none;
}

.leadership-card-card li {
	margin-bottom: 15px;
	font-weight: 600;
	display: flex;
	align-items: center;
	gap: 12px;
}

.leadership-card-card li i {
	color: #fff;
}

.trophy-icon {
	position: absolute;
	right: 25px;
	bottom: 15px;
	font-size: 90px;
	opacity: .15;
}

/* Small Cards */

.small-card {
	padding: 30px;
}

.small-icon {
	width: 50px;
	height: 50px;
	border-radius: 12px;
	background: #eef2ff;
	color: #3558c9;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 20px;
	font-size: 20px;
}

.small-card h4 {
	font-size: 22px;
	font-weight: 700;
	margin-bottom: 15px;
	color: #111827;
}

/* .small-card p{
    font-size:15px;
} */

/* Responsive */

@media(max-width:991px) {

	.growth-header {
		flex-direction: column;
		gap: 20px;
	}


}

@media(max-width:576px) {

	.growth-section {
		padding: 70px 0;
	}


	.growth-card-card {
		padding: 25px;
	}

	.growth-card-card h3 {
		font-size: 24px;
	}

	.badge-group {
		flex-wrap: wrap;
	}
}

/* ==========================
   JOURNEY CTA SECTION
========================== */

.journey-cta-section {
	padding: 100px 0;
	/* background:#f5f7fc; */
}

.journey-cta-wrapper {
	background: #ffffff;
	border-radius: 30px;
	padding: 70px;
	box-shadow: 0 20px 60px rgba(0, 0, 0, .08);
}

.journey-badge {
	display: inline-block;
	padding: 10px 18px;
	border-radius: 50px;
	background: #eef2ff;
	color: #2563eb;
	font-size: 13px;
	font-weight: 700;
	letter-spacing: 1px;
	margin-bottom: 25px;
}

.journey-title {
	font-size: 44px;
	font-weight: 800;
	line-height: 1.1;
	color: #111827;
	margin-bottom: 20px;
}

.journey-quote {
	font-size: 24px;
	font-style: italic;
	color: #6b7280;
	margin-bottom: 35px;
}

.journey-note-box {
	display: flex;
	gap: 20px;
	padding: 25px;
	background: #fff5f5;
	border-left: 5px solid #dc2626;
	border-radius: 16px;
	margin-bottom: 40px;
}

.note-icon {
	width: 55px;
	height: 55px;
	min-width: 55px;
	border-radius: 50%;
	background: #fee2e2;
	color: #dc2626;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 22px;
}

.journey-note-box h5 {
	font-size: 16px;
	font-weight: 700;
	color: #dc2626;
	margin-bottom: 10px;
}

.journey-note-box p {
	margin: 0;
	line-height: 1.8;
	color: #374151;
}

.journey-btn-group {
	display: flex;
	gap: 15px;
	flex-wrap: wrap;
}

.journey-primary-btn {
	padding: 16px 35px;
	background: #f59e0b;
	color: #fff;
	text-decoration: none;
	border-radius: 12px;
	font-weight: 600;
}

.journey-secondary-btn {
	padding: 16px 35px;
	border: 1px solid #d1d5db;
	color: #111827;
	text-decoration: none;
	border-radius: 12px;
	font-weight: 600;
	background: #fff;
}

.journey-image-box {
	position: relative;
}

.journey-image {
	width: 100%;
	height: 650px;
	object-fit: cover;
	border-radius: 24px;
}

.journey-floating-card {
	position: absolute;
	left: 30px;
	bottom: 30px;
	background: #fff;
	padding: 20px 25px;
	border-radius: 16px;
	box-shadow: 0 15px 40px rgba(0, 0, 0, .15);
}

.journey-floating-card h4 {
	margin: 0;
	font-size: 34px;
	font-weight: 800;
	color: #2563eb;
}

.journey-floating-card span {
	color: #6b7280;
	font-size: 14px;
}

@media(max-width:991px) {

	.journey-cta-wrapper {
		padding: 40px 25px;
	}

	.journey-title {
		font-size: 42px;
	}

	.journey-quote {
		font-size: 20px;
	}

	.journey-image {
		height: 400px;
		margin-top: 30px;
	}
}

@media(max-width:576px) {

	.journey-title {
		font-size: 34px;
	}

	.journey-btn-group {
		flex-direction: column;
	}

	.journey-primary-btn,
	.journey-secondary-btn {
		text-align: center;
	}
}


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

.faq-section {
	background: #f5f6fc;
}

.faq-hero {
	position: relative;
	padding: 120px 0;
	background: url("https://images.unsplash.com/photo-1497366754035-f200968a6e72?q=80&w=1600") center/cover no-repeat;
}

.faq-overlay {
	position: absolute;
	inset: 0;
	background: rgba(15, 23, 42, .75);
}

.faq-content {
	position: relative;
	z-index: 2;
	text-align: center;
}

.faq-title {
	color: #fff;
	font-size: 56px;
	font-weight: 800;
	margin-bottom: 35px;
}

.faq-search-box {
	max-width: 760px;
	margin: auto;
	background: #fff;
	border-radius: 14px;
	padding: 8px;
	display: flex;
	gap: 10px;
}

.faq-search-input {
	flex: 1;
	display: flex;
	align-items: center;
	gap: 12px;
	padding: 0 15px;
}

.faq-search-input i {
	color: #6b7280;
}

.faq-search-input input {
	border: none;
	width: 100%;
	outline: none;
	height: 55px;
}

.faq-contact-btn {
	background: #c85a00;
	color: #fff;
	text-decoration: none;
	padding: 15px 24px;
	border-radius: 10px;
	font-weight: 600;
	white-space: nowrap;
}

.faq-tags {
	margin-top: 25px;
	color: #fff;
}

.faq-tags span {
	opacity: .8;
	margin-right: 10px;
}

.faq-tags a {
	color: #fff;
	margin: 0 10px;
	font-size: 14px;
}

/* Cards */

.faq-category-area {
	padding: 70px 0 100px;
}

.faq-card {
	background: #fff;
	border: 1px solid #dfe4ef;
	border-radius: 16px;
	padding: 25px;
	height: 100%;
	position: relative;
	transition: .3s;
}

.faq-card:hover {
	transform: translateY(-6px);
	box-shadow: 0 15px 35px rgba(0, 0, 0, .08);
}

.faq-icon {
	width: 54px;
	height: 54px;
	border-radius: 12px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 25px;
	font-size: 20px;
}

.blue-icon {
	background: #e8f0ff;
	color: #2563eb;
}

.orange-icon {
	background: #fff1e7;
	color: #c85a00;
}

.purple-icon {
	background: #eef2ff;
	color: #6366f1;
}

.red-icon {
	background: #ffe8e8;
	color: #ef4444;
}

.faq-card h4 {
	font-size: 28px;
	font-weight: 700;
	margin-bottom: 15px;
	color: #111827;
}

.faq-card p {
	color: #6b7280;
	line-height: 1.8;
	font-size: 15px;
}

.faq-arrow {
	position: absolute;
	right: 25px;
	bottom: 25px;
	font-size: 18px;
	color: #64748b;
}

/* Responsive */

@media(max-width:991px) {

	.faq-title {
		font-size: 40px;
	}

	.faq-search-box {
		flex-direction: column;
	}

	.faq-contact-btn {
		width: 100%;
		text-align: center;
	}
}

@media(max-width:576px) {

	.faq-title {
		font-size: 32px;
	}

	.faq-hero {
		padding: 80px 0;
	}
}

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

.faq-contact-section {
	padding: 80px 0;
}

.faq-contact-box {
	background: #0d52d6;
	border-radius: 30px;
	padding: 60px;
	overflow: hidden;
	position: relative;
}

.faq-contact-box::before {
	content: "";
	position: absolute;
	top: -100px;
	right: -100px;
	width: 300px;
	height: 300px;
	background: rgba(255, 255, 255, 0.05);
	border-radius: 50%;
}

.faq-contact-title {
	font-size: 38px;
	font-weight: 800;
	line-height: 1.1;
	color: #fff;
	margin-bottom: 20px;
	max-width: 500px;
}

.faq-contact-text {
	color: rgba(255, 255, 255, .85);
	font-size: 18px;
	line-height: 1.8;
	max-width: 520px;
	margin: 0;
}

.faq-contact-buttons {
	display: flex;
	justify-content: flex-end;
	align-items: center;
	gap: 15px;
	flex-wrap: wrap;
}

.expert-btn {
	background: #d35f00;
	color: #fff;
	padding: 16px 28px;
	border-radius: 12px;
	text-decoration: none;
	font-weight: 600;
	display: inline-flex;
	align-items: center;
	gap: 10px;
	transition: .3s;
}

.expert-btn:hover {
	background: #b84f00;
	color: #fff;
	transform: translateY(-3px);
}

.email-btn {
	background: rgba(255, 255, 255, .12);
	border: 1px solid rgba(255, 255, 255, .15);
	color: #fff;
	padding: 16px 28px;
	border-radius: 12px;
	text-decoration: none;
	font-weight: 600;
	display: inline-flex;
	align-items: center;
	gap: 10px;
	transition: .3s;
}

.email-btn:hover {
	background: rgba(255, 255, 255, .18);
	color: #fff;
	transform: translateY(-3px);
}

/* =========================
   RESPONSIVE
========================= */

@media(max-width:991px) {

	.faq-contact-box {
		padding: 40px 30px;
		text-align: center;
	}

	.faq-contact-title {
		font-size: 30px;
		max-width: 100%;
	}

	.faq-contact-text {
		max-width: 100%;
		margin-bottom: 30px;
	}

	.faq-contact-buttons {
		justify-content: center;
	}
}

@media(max-width:576px) {

	.faq-contact-title {
		font-size: 22px;
	}

	.faq-contact-buttons {
		flex-direction: column;
	}

	.expert-btn,
	.email-btn {
		width: 100%;
		justify-content: center;
	}
}

/* =========================
   REGISTER SECTION
========================= */

.partner-register-section {
	background: #f5f5fb;
}

/* STEP AREA */

.registration-step-wrapper {
	display: flex;
	justify-content: space-between;
	align-items: center;
	position: relative;
	gap: 20px;
}

.registration-step-wrapper::before {
	content: "";
	position: absolute;
	top: 16px;
	left: 10%;
	right: 10%;
	height: 2px;
	background: #dbe2f0;
	z-index: 1;
}

.registration-step-item {
	position: relative;
	z-index: 2;
	text-align: center;
	flex: 1;
}

.step-number-circle {
	width: 34px;
	height: 34px;
	border-radius: 50%;
	background: #e5e7eb;
	color: #374151;
	font-size: 14px;
	font-weight: 700;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: auto auto 10px;
}

.registration-step-item span {
	font-size: 14px;
	color: #374151;
	font-weight: 500;
}

.active-step .step-number-circle {
	background: #2563eb;
	color: #fff;
}

/* FORM CARD */

.partner-form-card {
	background: #ffffff;
	border: 1px solid #dbe2f0;
	border-radius: 18px;
	padding: 30px;
}

/* TITLE */

.partner-form-title {
	display: flex;
	align-items: center;
	gap: 12px;
	margin-bottom: 30px;
}

.partner-form-title i {
	color: #2563eb;
	font-size: 22px;
}

.partner-form-title h4 {
	margin: 0;
	font-size: 28px;
	font-weight: 700;
	color: #111827;
}

/* PROFILE */

.profile-upload-box {
	display: flex;
	align-items: center;
	gap: 20px;
	margin-bottom: 35px;
}

.profile-upload-icon {
	width: 72px;
	height: 72px;
	border-radius: 50%;
	border: 2px dashed #94a3b8;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #64748b;
	font-size: 24px;
}

.profile-upload-box h6 {
	margin-bottom: 5px;
	font-size: 16px;
	font-weight: 700;
}

.profile-upload-box p {
	margin: 0;
	color: #6b7280;
	font-size: 14px;
}

/* LABEL */

.partner-form-label {
	display: block;
	font-size: 15px;
	font-weight: 600;
	color: #111827;
	margin-bottom: 12px;
}

/* INPUT */

.partner-form-input {
	height: 56px;
	border-radius: 12px;
	border: 1px solid #cbd5e1;
	box-shadow: none !important;
	font-size: 15px;
}

.partner-form-input:focus {
	border-color: #2563eb;
}

/* RADIO */

.partner-radio-group {
	display: flex;
	gap: 25px;
	flex-wrap: wrap;
}

/* OTP */

.otp-btn {
	border: none;
	background: #dbeafe;
	color: #2563eb;
	font-size: 14px;
	font-weight: 600;
	padding: 0 18px;
	border-radius: 0 12px 12px 0;
}

/* RIGHT CARD */

.partner-support-card {
	background: #1e3a8a;
	border-radius: 18px;
	padding: 35px;
	color: #fff;
}

.support-title {
	font-size: 36px;
	font-weight: 700;
	margin-bottom: 20px;
}

.support-text {
	font-size: 16px;
	line-height: 1.8;
	color: rgba(255, 255, 255, .85);
	margin-bottom: 30px;
}

.support-contact-item {
	display: flex;
	align-items: center;
	gap: 12px;
	margin-bottom: 18px;
	font-size: 16px;
}

.support-contact-item i {
	font-size: 18px;
}

/* PROGRESS */

.application-progress-box {
	background: rgba(255, 255, 255, .10);
	border-radius: 14px;
	padding: 20px;
	margin-top: 30px;
	margin-bottom: 30px;
}

.progress-title {
	font-size: 14px;
	font-weight: 700;
	margin-bottom: 12px;
}

.partner-progress-bar {
	height: 10px;
	border-radius: 50px;
	background: rgba(255, 255, 255, .20);
	overflow: hidden;
}

.partner-progress-bar .progress-bar {
	background: #93c5fd;
}

.progress-text {
	display: block;
	margin-top: 12px;
	font-size: 13px;
	color: rgba(255, 255, 255, .75);
}

/* IMAGE */

.support-image-box {
	position: relative;
	border-radius: 18px;
	overflow: hidden;
}

.support-image-box img {
	width: 100%;
	height: 190px;
	object-fit: cover;
}

.support-image-content {
	position: absolute;
	left: 20px;
	bottom: 20px;
	color: #fff;
	font-size: 18px;
	font-weight: 700;
}

/* FAQ */

.partner-faq-card {
	background: #ffffff;
	border: 1px solid #dbe2f0;
	border-radius: 18px;
	padding: 30px;
}

.partner-faq-card h5 {
	font-size: 14px;
	font-weight: 800;
	color: #6b7280;
	margin-bottom: 25px;
}

.faq-small-item {
	margin-bottom: 25px;
}

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

.faq-small-item h6 {
	font-size: 17px;
	font-weight: 700;
	color: #111827;
	margin-bottom: 10px;
}

.faq-small-item p {
	margin: 0;
	color: #6b7280;
	line-height: 1.8;
	font-size: 15px;
}

/* =========================
   CHECKBOX GROUP
========================= */

.partner-checkbox-group {
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
}

/* =========================
   CUSTOM CHECKBOX
========================= */

.custom-check-box {
	border: 1px solid #d1d5db;
	border-radius: 10px;
	padding: 10px 14px;
	background: #ffffff;
	display: flex;
	align-items: center;
	gap: 8px;
	min-width: 110px;
}

/* =========================
   TEXTAREA
========================= */

.partner-form-textarea {
	min-height: 140px;
	border-radius: 12px;
	border: 1px solid #cbd5e1;
	resize: none;
	padding: 15px;
	font-size: 15px;
	box-shadow: none !important;
}

.partner-form-textarea:focus {
	border-color: #2563eb;
}

/* MOBILE */

@media(max-width:768px) {

	.registration-step-wrapper {
		overflow-x: auto;
		padding-bottom: 15px;
	}

	.registration-step-item {
		min-width: 120px;
	}

	.partner-form-card,
	.partner-support-card,
	.partner-faq-card {
		padding: 25px;
	}

	.partner-form-title h4 {
		font-size: 24px;
	}

	.support-title {
		font-size: 30px;
	}

}

/* =========================
   INNER BOX
========================= */

.skills-inner-box {
	background: #f8faff;
	border: 1px solid #dbe4f0;
	border-radius: 16px;
	padding: 22px;
	height: 100%;
}

/* =========================
   CHECKBOX GROUP
========================= */

.partner-checkbox-group {
	display: flex;
	flex-wrap: wrap;
	gap: 14px;
}

/* =========================
   MODERN CHECK CARD
========================= */

.modern-check-card {
	position: relative;
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 14px 18px;
	border: 1px solid #dbe4f0;
	background: #ffffff;
	border-radius: 12px;
	cursor: pointer;
	transition: 0.3s;
	min-width: 130px;
	font-size: 15px;
	font-weight: 600;
	color: #111827;
}

.modern-check-card:hover {
	border-color: #2563eb;
	background: #eff6ff;
}

.modern-check-card input {
	accent-color: #2563eb;
	width: 18px;
	height: 18px;
}

/* =========================
   ACTIVE CHECK
========================= */

.modern-check-card input:checked+span {
	color: #2563eb;
}

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

@media(max-width:576px) {

	.modern-check-card {
		width: 100%;
	}

	.skills-inner-box {
		padding: 18px;
	}

}

/* =========================
   CUSTOM FILE BOX
========================= */

.custom-upload-box {
	display: flex;
	align-items: center;
	gap: 14px;
	flex-wrap: wrap;
	min-height: 56px;
}

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

.upload-btn-custom {
	padding: 12px 22px;
	background: #2563eb;
	color: #ffffff;
	border-radius: 10px;
	font-size: 14px;
	font-weight: 600;
	cursor: pointer;
	transition: 0.3s;
	margin: 0;
	border: none;
}

.upload-btn-custom:hover {
	background: #1d4ed8;
}

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

.upload-file-name {
	font-size: 14px;
	color: #6b7280;
}

/* =========================
   AGREEMENT
========================= */

.agreement-check-wrapper {
	display: flex;
	flex-direction: column;
	gap: 22px;
}

/* =========================
   CHECK ITEM
========================= */

.agreement-check-item {
	display: flex;
	align-items: flex-start;
	gap: 12px;
}

.agreement-check-item label {
	line-height: 1.8;
	color: #374151;
	font-size: 15px;
}

.agreement-check-item a {
	color: #2563eb;
	text-decoration: none;
	font-weight: 600;
}

/* =========================
   SUBMIT BOX
========================= */

.submit-program-box {
	background: #eef4ff;
	border: 1px solid #9dbcf8;
	border-radius: 18px;
	padding: 24px 28px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 25px;
	flex-wrap: wrap;
}

/* =========================
   INFO AREA
========================= */

.submit-info-area {
	display: flex;
	align-items: center;
	gap: 18px;
}

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

.submit-icon {
	width: 52px;
	height: 52px;
	border-radius: 50%;
	background: #dbeafe;
	color: #2563eb;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 22px;
}

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

.submit-info-area h5 {
	font-size: 24px;
	font-weight: 700;
	color: #111827;
	margin-bottom: 6px;
}

.submit-info-area p {
	margin: 0;
	color: #6b7280;
	font-size: 15px;
}

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

.agency-submit-btn {
	border: none;
	background: #f59e0b;
	color: #ffffff;
	padding: 18px 38px;
	border-radius: 14px;
	font-size: 18px;
	font-weight: 700;
	transition: 0.3s;
}

.agency-submit-btn:hover {
	background: #d97706;
}

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

@media(max-width:768px) {

	.submit-program-box {
		flex-direction: column;
		align-items: flex-start;
	}

	.agency-submit-btn {
		width: 100%;
	}

}


/* =========================================
   TERMS SECTION
========================================= */

.terms-section {
	padding: 70px 0;
	background: #f5f5fb;
	font-family: 'Inter', sans-serif;
}

/* =========================================
   SIDEBAR
========================================= */

.terms-sidebar {
	position: sticky;
	top: 30px;
}

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

.terms-menu-card {
	background: #f7f8fd;
	border: 1px solid #d8dcea;
	border-radius: 14px;
	padding: 22px;
	margin-bottom: 20px;
}

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

.terms-menu-title {
	display: block;
	font-size: 11px;
	font-weight: 700;
	letter-spacing: 1px;
	color: #7b8194;
	margin-bottom: 18px;
	text-transform: uppercase;
}

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

.terms-menu-card ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

.terms-menu-card ul li {
	margin-bottom: 10px;
}

.terms-menu-card ul li:last-child {
	margin-bottom: 0;
}

/* =========================================
   MENU LINKS
========================================= */

.terms-menu-card ul li a {
	display: block;
	padding: 12px 14px;
	border-radius: 10px;
	text-decoration: none;
	color: #4b5563;
	font-size: 14px;
	font-weight: 600;
	transition: .3s;
}

.terms-menu-card ul li a:hover,
.active-terms-link {
	background: #eef2ff;
	color: #2563eb !important;
}

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

.legal-contact-card {
	background: #fff1eb;
	border: 1px solid #ffd9c8;
	border-radius: 14px;
	padding: 22px;
}

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

.legal-icon {
	width: 42px;
	height: 42px;
	border-radius: 10px;
	background: #ffffff;
	color: #c2410c;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 18px;
	margin-bottom: 16px;
}

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

.legal-title {
	font-size: 16px;
	font-weight: 700;
	color: #111827;
	margin-bottom: 10px;
}

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

.legal-text {
	font-size: 14px;
	line-height: 1.7;
	color: #6b7280;
	margin-bottom: 18px;
}

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

.legal-btn {
	width: 100%;
	height: 44px;
	border-radius: 8px;
	background: #92400e;
	color: #ffffff;
	text-decoration: none;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 14px;
	font-weight: 600;
	transition: .3s;
}

.legal-btn:hover {
	background: #78350f;
	color: #ffffff;
}

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

.terms-content-card {
	background: #ffffff;
	border: 1px solid #d8dcea;
	border-radius: 16px;
	padding: 45px;
}

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

.terms-top-text {
	font-size: 15px;
	line-height: 1.9;
	color: #5b6475;
	margin-bottom: 50px;
}

/* =========================================
   TERMS BLOCK
========================================= */

.terms-block {
	margin-bottom: 60px;
}

/* =========================================
   NUMBER
========================================= */

.terms-number {
	font-size: 32px;
	font-weight: 700;
	color: #2563eb;
	line-height: 1;
}

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

.terms-title {
	font-size: 32px;
	font-weight: 700;
	color: #111827;
	padding-bottom: 18px;
	border-bottom: 1px solid #e5e7eb;
	width: 100%;
}

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

.terms-text {
	font-size: 16px;
	line-height: 1.9;
	color: #5b6475;
}

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

.terms-info-card {
	background: #f7f8fd;
	border: 1px solid #d8dcea;
	border-radius: 12px;
	padding: 22px;
	height: 100%;
}

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

.terms-card-title {
	font-size: 15px;
	font-weight: 700;
	color: #111827;
	margin-bottom: 10px;
}

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

.terms-card-text {
	font-size: 14px;
	line-height: 1.8;
	color: #6b7280;
}

/* =========================================
   TABLE
========================================= */

.terms-table {
	border: 1px solid #d8dcea;
	border-radius: 14px;
	overflow: hidden;
}

.terms-table table {
	margin: 0;
}

/* =========================================
   TABLE HEAD
========================================= */

.terms-table thead {
	background: #eef2ff;
}

.terms-table thead th {
	border: none;
	padding: 18px 20px;
	font-size: 14px;
	font-weight: 700;
	color: #1e293b;
}

/* =========================================
   TABLE BODY
========================================= */

.terms-table tbody td {
	padding: 18px 20px;
	font-size: 15px;
	color: #4b5563;
	border-color: #e5e7eb;
}

/* =========================================
   RESPONSIVE
========================================= */

@media(max-width:991px) {

	.terms-sidebar {
		position: relative;
		top: 0;
		margin-bottom: 30px;
	}

	.terms-content-card {
		padding: 30px;
	}

	.terms-title {
		font-size: 26px;
	}

}

@media(max-width:576px) {

	.terms-section {
		padding: 50px 0;
	}

	.terms-content-card {
		padding: 22px;
	}

	.terms-title {
		font-size: 22px;
	}

	.terms-number {
		font-size: 26px;
	}

	.terms-text {
		font-size: 15px;
	}

}

/* =========================================
   BOTTOM BAR
========================================= */

.terms-bottom-bar {
	margin-top: 50px;
	padding-top: 25px;
	border-top: 1px solid #e5e7eb;
}

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

.terms-bottom-text {
	font-size: 14px;
	line-height: 1.8;
	color: #6b7280;
	font-style: italic;
}

/* =========================================
   ACTIONS
========================================= */

.terms-bottom-actions {
	display: flex;
	justify-content: flex-end;
	align-items: center;
	gap: 14px;
}

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

.terms-download-btn {
	height: 46px;
	padding: 0 22px;
	border-radius: 8px;
	border: 1px solid #2563eb;
	color: #2563eb;
	background: #ffffff;
	text-decoration: none;
	font-size: 14px;
	font-weight: 600;
	display: inline-flex;
	align-items: center;
	gap: 10px;
	transition: .3s;
}

.terms-download-btn:hover {
	background: #2563eb;
	color: #ffffff;
}

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

.terms-accept-btn {
	height: 46px;
	padding: 0 24px;
	border-radius: 8px;
	background: #2563eb;
	color: #ffffff;
	text-decoration: none;
	font-size: 14px;
	font-weight: 600;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	transition: .3s;
}

.terms-accept-btn:hover {
	background: #1d4ed8;
	color: #ffffff;
}

/* =========================================
   RESPONSIVE
========================================= */

@media(max-width:768px) {

	.terms-bottom-actions {
		justify-content: flex-start;
		flex-wrap: wrap;
	}

}


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

.privacy-policy-section {
	padding: 70px 0;
}

/* =========================================
   SIDEBAR
========================================= */

.privacy-sidebar {
	position: sticky;
	top: 30px;
}

/* =========================================
   MINI LABEL
========================================= */

.privacy-mini-label {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	font-size: 12px;
	font-weight: 700;
	letter-spacing: .5px;
	color: #2563eb;
	margin-bottom: 18px;
	text-transform: uppercase;
}

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

.privacy-main-title {
	font-size: 44px;
	font-weight: 800;
	line-height: 1.1;
	color: #111827;
	margin-bottom: 16px;
}

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

.privacy-update-text {
	font-size: 14px;
	color: #6b7280;
	margin-bottom: 38px;
}

/* =========================================
   MENU
========================================= */

.privacy-content-menu {
	background: #f8f9fd;
	border: 1px solid #d9ddea;
	border-radius: 14px;
	padding: 22px;
}

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

.privacy-menu-title {
	display: block;
	font-size: 11px;
	font-weight: 700;
	color: #7b8194;
	margin-bottom: 18px;
	text-transform: uppercase;
	letter-spacing: 1px;
}

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

.privacy-content-menu ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

.privacy-content-menu ul li {
	margin-bottom: 10px;
}

.privacy-content-menu ul li:last-child {
	margin-bottom: 0;
}

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

.privacy-content-menu ul li a {
	display: block;
	padding: 12px 14px;
	border-radius: 10px;
	text-decoration: none;
	color: #4b5563;
	font-size: 14px;
	font-weight: 600;
	transition: .3s;
}

.privacy-content-menu ul li a:hover,
.active-privacy-link {
	background: #eef2ff;
	color: #2563eb !important;
}

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

.privacy-content-card {
	background: #ffffff;
	border: 1px solid #d9ddea;
	border-radius: 18px;
	padding: 48px;
}

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

.privacy-content-block {
	margin-bottom: 58px;
}

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

.privacy-section-title {
	font-size: 30px;
	font-weight: 700;
	color: #111827;
	margin-bottom: 22px;
	line-height: 1.3;
}

/* =========================================
   SUBTITLE
========================================= */

.privacy-section-subtitle {
	font-size: 18px;
	font-weight: 700;
	color: #111827;
	margin-bottom: 8px;
}

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

.privacy-section-text {
	font-size: 16px;
	line-height: 1.9;
	color: #5b6475;
}

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

.privacy-info-card {
	background: #f8f9fd;
	border: 1px solid #d9ddea;
	border-radius: 14px;
	padding: 26px;
	height: 100%;
	transition: .3s;
}

.privacy-info-card:hover {
	transform: translateY(-4px);
	box-shadow: 0 15px 35px rgba(0, 0, 0, .05);
}

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

.privacy-card-icon {
	width: 56px;
	height: 56px;
	border-radius: 14px;
	background: #eef2ff;
	color: #2563eb;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 22px;
	margin-bottom: 20px;
}

/* =========================================
   USE ITEM
========================================= */

.privacy-use-item {
	display: flex;
	gap: 18px;
	margin-bottom: 28px;
}

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

.privacy-use-icon {
	width: 36px;
	height: 36px;
	min-width: 36px;
	border-radius: 50%;
	background: #dbeafe;
	color: #2563eb;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 15px;
	margin-top: 3px;
}

/* =========================================
   COOKIE BOX
========================================= */

.privacy-cookie-box {
	margin-top: 50px;
	background: #ffffff;
	border: 1px dashed #cbd5e1;
	border-radius: 18px;
	padding: 38px;
}

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

.privacy-cookie-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	height: 50px;
	padding: 0 28px;
	background: #2563eb;
	color: #ffffff;
	border-radius: 10px;
	text-decoration: none;
	font-size: 15px;
	font-weight: 600;
	transition: .3s;
}

.privacy-cookie-btn:hover {
	background: #1d4ed8;
	color: #ffffff;
}

/* =========================================
   RIGHTS
========================================= */

.privacy-right-item {
	display: flex;
	gap: 20px;
	padding: 24px 0;
	border-bottom: 1px solid #e5e7eb;
}

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

.privacy-right-icon {
	width: 56px;
	height: 56px;
	min-width: 56px;
	border-radius: 14px;
	background: #eef2ff;
	color: #2563eb;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 22px;
}

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

.security-card {
	background: #f8f6ff;
	border: 1px solid #ddd6fe;
	border-radius: 16px;
	padding: 24px;
	display: flex;
	align-items: flex-start;
	gap: 18px;
	margin-top: 28px;
}

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

.icon-wrapper {
	width: 50px;
	height: 50px;
	min-width: 50px;
	border-radius: 12px;
	background: #ffffff;
	border: 1px solid #e5e7eb;
	display: flex;
	align-items: center;
	justify-content: center;
}

.icon-wrapper i {
	font-size: 22px;
	color: #b45309;
}

/* =========================================
   RESPONSIVE
========================================= */

@media(max-width:991px) {

	.privacy-sidebar {
		position: relative;
		top: 0;
		margin-bottom: 30px;
	}

	.privacy-main-title {
		font-size: 38px;
	}

	.privacy-content-card {
		padding: 34px;
	}

	.privacy-section-title {
		font-size: 26px;
	}

}

@media(max-width:576px) {

	.privacy-policy-section {
		padding: 50px 0;
	}

	.privacy-main-title {
		font-size: 32px;
	}

	.privacy-content-card {
		padding: 24px;
	}

	.privacy-section-title {
		font-size: 24px;
	}

	.privacy-section-text {
		font-size: 15px;
	}

	.privacy-right-item {
		flex-direction: column;
	}

}


/* =========================================
  ROLE SECTION PAGE
========================================= */

.need-section {
	background: #f5f5fa;
}

.section-title-sm {
	font-size: 32px;
	font-weight: 700;
	color: #111;
}

.small-text {
	color: #666;
	font-size: 15px;
}

.benefit-item {
	text-align: left;
	transition: 0.3s ease;
}

.benefit-item:hover {
	transform: translateY(-5px);
}

.benefit-icon {
	width: 50px;
	height: 50px;
	border-radius: 12px;
	background: rgba(255, 153, 0, 0.1);
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 15px;
}

.benefit-icon i {
	font-size: 22px;
	color: #ff9900;
}

.benefit-item h5 {
	font-size: 22px;
	font-weight: 700;
	margin-bottom: 15px;
}

.benefit-item p {
	font-size: 15px;
	line-height: 1.7;
	margin: 0;
}

.role-section {
	background: #f4f4f8;
}

.role-content {
	max-width: 500px;
}

.role-title {
	font-size: 42px;
	font-weight: 700;
	line-height: 1.2;
	color: #111;
	margin-bottom: 20px;
}

.role-text {
	font-size: 16px;
	line-height: 1.8;
	color: #555;
	margin-bottom: 30px;
}

.role-text span {
	color: #0d6efd;
	font-weight: 600;
}

.role-card {
	display: flex;
	align-items: flex-start;
	gap: 18px;
	background: #ececf4;
	padding: 22px;
	border-radius: 14px;
	margin-bottom: 18px;
	transition: 0.3s ease;
}

.role-card:hover {
	transform: translateY(-4px);
}

.role-icon {
	width: 46px;
	height: 46px;
	min-width: 46px;
	border-radius: 12px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.role-icon i {
	font-size: 20px;
}

.role-icon.blue {
	background: rgba(13, 110, 253, 0.12);
	color: #0d6efd;
}

.role-icon.orange {
	background: rgba(255, 153, 0, 0.12);
	color: #ff9900;
}

.role-card h5 {
	font-size: 18px;
	font-weight: 600;
	margin-bottom: 8px;
	color: #111;
}

.role-card p {
	margin: 0;
	color: #666;
	line-height: 1.7;
	font-size: 14px;
}

.role-image img {
	width: 100%;
	border-radius: 18px;
	object-fit: cover;
	box-shadow: 0 15px 40px rgba(0, 0, 0, 0.08);
}

/* MOBILE */
@media (max-width: 991px) {

	.role-title {
		font-size: 34px;
	}

	.role-content {
		max-width: 100%;
	}

}


.opportunity-section {
	background: #f5f5fa;
}

.opportunity-title {
	font-size: 40px;
	font-weight: 700;
	color: #111;
	margin-bottom: 10px;
}

.opportunity-subtitle {
	color: #666;
	font-size: 15px;
}

/* CARD */
.opportunity-card {
	background: #fff;
	border: 1px solid #e3e5f0;
	border-radius: 18px;
	padding: 30px;
	height: 100%;
	transition: 0.3s ease;
}

.opportunity-card:hover {
	transform: translateY(-6px);
	box-shadow: 0 12px 30px rgba(0, 0, 0, 0.06);
}

.opportunity-icon {
	width: 50px;
	height: 50px;
	border-radius: 12px;
	background: rgba(13, 110, 253, 0.08);
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 25px;
}

.opportunity-icon i {
	font-size: 22px;
	color: #0d6efd;
}

.opportunity-card h4 {
	font-size: 28px;
	font-weight: 600;
	color: #111;
	margin-bottom: 15px;
}

.opportunity-card p {
	color: #666;
	line-height: 1.8;
	font-size: 15px;
}

/* EXAMPLE BOX */
.example-box {
	background: #f1f0fb;
	border-radius: 12px;
	padding: 18px;
	margin-top: 25px;
}

.example-box span {
	display: inline-block;
	font-size: 11px;
	font-weight: 700;
	color: #0d6efd;
	margin-bottom: 10px;
	letter-spacing: 1px;
}

.example-box p {
	margin: 0;
	font-size: 14px;
	color: #222;
	line-height: 1.7;
}

/* MOBILE */
@media (max-width: 991px) {

	.opportunity-title {
		font-size: 32px;
	}

	.opportunity-card {
		padding: 25px;
	}

}


/* =========================================
   PROCESS SECTION
========================================= */

.process-section {
	background: #f5f5fa;
}

/* TOP BLUE AREA */
.process-wrapper {
	background: #0d57d8;
	border-radius: 20px;
	padding: 70px 50px;
	margin-bottom: 70px;
}

.process-title {
	font-size: 42px;
	font-weight: 700;
	color: #fff;
	margin-bottom: 10px;
}

/* PROCESS CARD */
.process-card {
	display: flex;
	align-items: flex-start;
	gap: 18px;
}

.process-number {
	width: 38px;
	height: 38px;
	min-width: 38px;
	border-radius: 50%;
	background: #ffb400;
	color: #fff;
	font-size: 16px;
	font-weight: 700;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-top: 3px;
}

.process-content h4 {
	font-size: 24px;
	font-weight: 600;
	color: #fff;
	margin-bottom: 12px;
}

.process-content p {
	color: rgba(255, 255, 255, 0.82);
	font-size: 15px;
	line-height: 1.8;
	margin: 0;
}

/* =========================================
   EARNING SECTION
========================================= */

.earning-title {
	font-size: 38px;
	font-weight: 700;
	color: #111;
	margin-bottom: 10px;
}

/* CARD */
.earning-card {
	background: #fff;
	border: 1px solid #e3e5f0;
	border-radius: 18px;
	padding: 28px;
	text-align: left;
	height: 100%;
	transition: 0.3s ease;
}

.earning-card:hover {
	transform: translateY(-5px);
	box-shadow: 0 12px 30px rgba(0, 0, 0, 0.06);
}

/* HEAD */
.earning-head {
	display: flex;
	align-items: center;
	gap: 14px;
	margin-bottom: 25px;
}

.earning-head h4 {
	font-size: 22px;
	font-weight: 600;
	margin: 0;
	color: #111;
}

/* ICON */
.earning-icon {
	width: 48px;
	height: 48px;
	border-radius: 12px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.earning-icon i {
	font-size: 20px;
}

.earning-icon.blue {
	background: rgba(13, 110, 253, 0.12);
	color: #0d6efd;
}

.earning-icon.orange {
	background: rgba(255, 153, 0, 0.12);
	color: #ff9900;
}

/* LIST */
.earning-list {
	width: 100%;
}

.earning-item {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 14px 0;
	border-bottom: 1px solid #ececf4;
	gap: 20px;
}

.earning-item span {
	color: #666;
	font-size: 15px;
}

.earning-item strong {
	color: #111;
	font-size: 15px;
	font-weight: 600;
}

/* MOBILE */
@media (max-width: 991px) {

	.process-wrapper {
		padding: 50px 25px;
	}

	.process-title,
	.earning-title {
		font-size: 32px;
	}

	.process-content h4 {
		font-size: 21px;
	}

	.earning-card {
		padding: 24px;
	}

	.earning-item {
		flex-direction: column;
		align-items: flex-start;
	}

}


/* =========================================
   GROWTH SECTION
========================================= */

.growth-section {
	background: #f5f5fa;
}

/* IMPORTANT BOX */
.important-box {
	max-width: 900px;
	background: #ffe9e7;
	border: 1px solid #ffc9c4;
	border-radius: 18px;
	padding: 35px;
	margin-bottom: 80px;
}

.important-head {
	display: flex;
	align-items: center;
	gap: 14px;
	margin-bottom: 18px;
}

.important-icon {
	width: 42px;
	height: 42px;
	border-radius: 12px;
	background: rgba(220, 53, 69, 0.1);
	color: #dc3545;
	display: flex;
	align-items: center;
	justify-content: center;
}

.important-icon i {
	font-size: 18px;
}

.important-head h3 {
	font-size: 34px;
	font-weight: 700;
	color: #b42318;
	margin: 0;
}

.important-text {
	color: #7a271a;
	line-height: 1.9;
	font-size: 16px;
	margin-bottom: 25px;
}

/* NOTE BOX */
.important-note {
	background: rgba(255, 255, 255, 0.55);
	border-left: 4px solid #dc3545;
	border-radius: 12px;
	padding: 18px 20px;
	color: #8a1c12;
	font-size: 14px;
	line-height: 1.8;
}

/* =========================================
   BLUE AREA
========================================= */

.growth-wrapper {
	background: #001f6b;
	padding: 90px 0;
}

.growth-title {
	font-size: 42px;
	font-weight: 700;
	color: #fff;
	margin-bottom: 12px;
}

.growth-subtitle {
	color: rgba(255, 255, 255, 0.7);
	font-size: 15px;
}

/* CARD */
.growth-card {
	background: rgba(255, 255, 255, 0.06);
	border: 1px solid rgba(255, 255, 255, 0.08);
	border-radius: 18px;
	padding: 35px 30px;
	height: 100%;
	transition: 0.3s ease;
}

.growth-card:hover {
	transform: translateY(-6px);
	background: rgba(255, 255, 255, 0.09);
}

/* ICON */
.growth-icon {
	width: 52px;
	height: 52px;
	border-radius: 14px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 25px;
}

.growth-icon.orange {
	background: rgba(255, 170, 0, 0.15);
	color: #ffb400;
}

.growth-icon i {
	font-size: 22px;
}

/* TEXT */
.growth-card h4 {
	font-size: 26px;
	font-weight: 600;
	color: #fff;
	margin-bottom: 14px;
}

.growth-card p {
	color: rgba(255, 255, 255, 0.72);
	line-height: 1.9;
	font-size: 15px;
	margin: 0;
}

/* MOBILE */
@media (max-width: 991px) {

	.important-box {
		padding: 25px;
		margin-bottom: 60px;
	}

	.important-head h3 {
		font-size: 28px;
	}

	.growth-wrapper {
		padding: 70px 0;
	}

	.growth-title {
		font-size: 34px;
	}

	.growth-card {
		padding: 28px 24px;
	}

	.growth-card h4 {
		font-size: 22px;
	}

}


/* =========================================
   LOGIN PAGE
========================================= */

.login-section {
	background: #f5f5fa;
	overflow: hidden;
}

/* LEFT CONTENT */
.login-content {
	max-width: 520px;
}

.login-badge {
	display: inline-block;
	background: rgba(13, 110, 253, 0.08);
	color: #0d6efd;
	padding: 10px 18px;
	border-radius: 50px;
	font-size: 13px;
	font-weight: 600;
	margin-bottom: 25px;
}

.login-title {
	font-size: 52px;
	font-weight: 700;
	line-height: 1.2;
	color: #111;
	margin-bottom: 20px;
}

.login-text {
	font-size: 16px;
	line-height: 1.9;
	color: #666;
	margin-bottom: 40px;
}

/* FEATURES */
.login-feature {
	display: flex;
	align-items: flex-start;
	gap: 18px;
	background: #fff;
	border: 1px solid #e5e7f2;
	padding: 22px;
	border-radius: 18px;
	margin-bottom: 18px;
	transition: 0.3s ease;
}

.login-feature:hover {
	transform: translateY(-4px);
	box-shadow: 0 10px 25px rgba(0, 0, 0, 0.05);
}

/* ICON */
.feature-icon {
	width: 50px;
	height: 50px;
	border-radius: 14px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.feature-icon i {
	font-size: 20px;
}

.feature-icon.blue {
	background: rgba(13, 110, 253, 0.1);
	color: #0d6efd;
}

.feature-icon.orange {
	background: rgba(255, 170, 0, 0.12);
	color: #ff9900;
}

.feature-icon.purple {
	background: rgba(111, 66, 193, 0.12);
	color: #6f42c1;
}

.login-feature h5 {
	font-size: 18px;
	font-weight: 600;
	margin-bottom: 8px;
	color: #111;
}

.login-feature p {
	margin: 0;
	color: #666;
	line-height: 1.7;
	font-size: 14px;
}

/* LOGIN CARD */
.login-card {
	background: #fff;
	border-radius: 24px;
	padding: 45px;
	max-width: 520px;
	box-shadow: 0 20px 50px rgba(0, 0, 0, 0.06);
}

.form-title {
	font-size: 38px;
	font-weight: 700;
	color: #111;
	margin-bottom: 10px;
}

.form-subtitle {
	color: #666;
	font-size: 15px;
}

/* INPUTS */
.form-group label {
	font-size: 14px;
	font-weight: 600;
	color: #111;
	margin-bottom: 10px;
	display: block;
}

.input-box {
	position: relative;
}

.input-box i {
	position: absolute;
	top: 50%;
	left: 18px;
	transform: translateY(-50%);
	color: #999;
}

.input-box .form-control {
	height: 52px;
	border-radius: 14px;
	border: 1px solid #e5e7f2;
	padding-left: 50px;
	font-size: 15px;
	box-shadow: none;
}

.input-box .form-control:focus {
	border-color: #0d6efd;
	/* box-shadow: 0 0 0 4px rgba(13,110,253,0.08); */
}

/* OPTIONS */
.login-options {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 30px;
}

.form-check-label {
	color: #666;
	font-size: 14px;
}

.forgot-link {
	color: #0d6efd;
	font-size: 14px;
	text-decoration: none;
	font-weight: 500;
}

/* BUTTON */
.login-btn {
	width: 100%;
	height: 58px;
	border: none;
	border-radius: 14px;
	background: #0d6efd;
	color: #fff;
	font-size: 16px;
	font-weight: 600;
	transition: 0.3s ease;
}

.login-btn:hover {
	background: #0b5ed7;
	transform: translateY(-2px);
}

/* DIVIDER */
.divider {
	text-align: center;
	position: relative;
	margin: 35px 0;
}

.divider::before {
	content: "";
	position: absolute;
	top: 50%;
	left: 0;
	width: 100%;
	height: 1px;
	background: #e5e7f2;
}

.divider span {
	position: relative;
	background: #fff;
	padding: 0 16px;
	color: #999;
	font-size: 13px;
}

/* SOCIAL */
.social-login {
	display: flex;
	gap: 15px;
}

.social-btn {
	flex: 1;
	height: 54px;
	border: 1px solid #e5e7f2;
	border-radius: 14px;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	color: #111;
	text-decoration: none;
	font-weight: 500;
	transition: 0.3s ease;
}

.social-btn:hover {
	background: #f8f9ff;
	border-color: #0d6efd;
	color: #0d6efd;
}

/* FOOTER */
.signup-text {
	text-align: center;
	margin-top: 30px;
	color: #666;
	font-size: 14px;
}

.signup-text a {
	color: #0d6efd;
	font-weight: 600;
	text-decoration: none;
}

/* MOBILE */
@media (max-width: 991px) {

	.login-section {
		padding: 80px 0;
	}

	.login-card {
		padding: 35px 25px;
	}

	.login-title {
		font-size: 40px;
	}

	.form-title {
		font-size: 32px;
	}

}

@media (max-width: 576px) {

	.social-login {
		flex-direction: column;
	}

	.login-options {
		flex-direction: column;
		align-items: flex-start;
		gap: 12px;
	}

}


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

.faq-modern-section {
	background: #f5f5fa;
}

/* HEADING */
.faq-badge {
	display: inline-block;
	background: rgba(13, 110, 253, 0.08);
	color: #0d6efd;
	padding: 10px 18px;
	border-radius: 50px;
	font-size: 13px;
	font-weight: 600;
	margin-bottom: 20px;
}

.faq-modern-title {
	font-size: 42px;
	font-weight: 700;
	color: #111;
	margin-bottom: 12px;
}

.faq-modern-subtitle {
	font-size: 15px;
	color: #666;
}

/* WRAPPER */
.faq-modern-wrapper {
	max-width: 850px;
}

/* ITEM */
.faq-modern-item {
	border: none;
	background: transparent;
	margin-bottom: 18px;
}

/* BUTTON */
.faq-modern-item .accordion-button {
	background: #fff;
	border: 1px solid #e5e7f2;
	border-radius: 18px !important;
	padding: 24px 26px;
	box-shadow: none;
	display: flex;
	align-items: center;
	gap: 20px;
	transition: 0.3s ease;
}

.faq-modern-item .accordion-button:not(.collapsed) {
	background: #0d6efd;
	border-color: #0d6efd;
	box-shadow: 0 12px 30px rgba(13, 110, 253, 0.15);
}

/* NUMBER */
.faq-number {
	width: 48px;
	height: 48px;
	min-width: 48px;
	border-radius: 14px;
	background: rgba(13, 110, 253, 0.08);
	color: #0d6efd;
	font-size: 16px;
	font-weight: 700;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: 0.3s ease;
}

.accordion-button:not(.collapsed) .faq-number {
	background: rgba(255, 255, 255, 0.15);
	color: #fff;
}

/* QUESTION */
.faq-question {
	font-size: 18px;
	font-weight: 600;
	color: #111;
	flex: 1;
	text-align: left;
	transition: 0.3s ease;
}

.accordion-button:not(.collapsed) .faq-question {
	color: #fff;
}

/* ICON */
.faq-modern-item .accordion-button::after {
	filter: brightness(0.4);
	transform: scale(0.8);
}

.faq-modern-item .accordion-button:not(.collapsed)::after {
	filter: brightness(0) invert(1);
}

/* BODY */
.faq-modern-item .accordion-body {
	background: #fff;
	border-radius: 0 0 18px 18px;
	padding: 24px 30px 30px;
	margin-top: -10px;
	border: 1px solid #e5e7f2;
	border-top: none;
	color: #666;
	line-height: 1.9;
	font-size: 15px;
}

/* HOVER */
.faq-modern-item .accordion-button:hover {
	transform: translateY(-3px);
	box-shadow: 0 10px 25px rgba(0, 0, 0, 0.05);
}

/* MOBILE */
@media (max-width: 991px) {

	.faq-modern-title {
		font-size: 34px;
	}

	.faq-modern-item .accordion-button {
		padding: 20px;
		gap: 16px;
	}

	.faq-number {
		width: 42px;
		height: 42px;
		min-width: 42px;
		font-size: 14px;
	}

	.faq-question {
		font-size: 16px;
	}

	.faq-modern-item .accordion-body {
		padding: 20px 22px 24px;
	}

}