.fix {
	font-size: 18px !important;
	font-weight: 500 !important;
	text-transform: uppercase;
}

.site-content.service-details {
	padding: 40px 0;
	position: relative;
	overflow: hidden;
}

/* subtle background pattern */
.site-content.service-details::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-image: radial-gradient(circle at 20% 40%, rgba(23, 34, 91, 0.03) 2%, transparent 2.5%);
	background-size: 50px 50px;
	pointer-events: none;
}

.container {
	max-width: 1280px;
	margin: 0 auto;
	padding: 0 24px;
	position: relative;
	z-index: 2;
}

.service-col {
	background: rgba(255, 255, 255, 0.92);
	backdrop-filter: blur(2px);
	border-radius: 48px;
	padding: 48px 40px;
	box-shadow: 0 30px 50px -25px rgba(0, 0, 0, 0.12), 0 0 0 1px rgba(255, 255, 255, 0.5);
	transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.service-col:hover {
	box-shadow: 0 40px 60px -28px rgba(23, 34, 91, 0.2);
}

/* heading style */
.pbmit-short-description h4 {
	font-size: 2.2rem;
	font-weight: 700;
	background: linear-gradient(135deg, #17225B 0%, #2a3a8a 100%);
	-webkit-background-clip: text;
	background-clip: text;
	color: transparent;
	margin-bottom: 20px !important;
	letter-spacing: -0.3px;
	position: relative;
	display: inline-block;
	width: 100%;
	text-align: center;
}

.pbmit-short-description h4::after {
	content: '';
	display: block;
	width: 80px;
	height: 4px;
	/* background: linear-gradient(90deg, #B17E39, #d49a47); */
	margin: 16px auto 0;
	border-radius: 4px;
}

/* row company-list - enhanced flex/grid */
.row.company-list {
	display: flex;
	flex-wrap: wrap;
	gap: 0px;
	margin-top: 10px;
}

.row.company-list .col-md-6 {
	flex: 1;
	min-width: 280px;
	background: #ffffff;
	border-radius: 10px;
	padding: 28px 24px;
	transition: all 0.25s ease;
	border: 1px solid #eef2fa;
	box-shadow: 0 8px 20px -8px rgba(0, 0, 0, 0.05);
}

.row.company-list .col-md-6:hover {
	transform: translateY(-5px);
	border-color: #e0d5c0;
	box-shadow: 0 20px 30px -12px rgba(23, 34, 91, 0.12);
}

/* unique list styling */
.row.company-list ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

.row.company-list ul li {
	padding: 10px 0;
	font-size: 1rem;
	font-weight: 500;
	color: #1e2a47;
	border-bottom: 1px dashed #e9edf4;
	display: flex;
	align-items: center;
	gap: 14px;
	transition: all 0.2s ease;
}

.row.company-list ul li:last-child {
	border-bottom: none;
}

.row.company-list ul li:hover {
	padding-left: 8px;
	color: #17225B;
}

/* ========= UNIQUE ICON STYLES - TILE RELATED ========= */
/* each list item gets a unique icon based on service type */
.row.company-list ul li i {
	width: 28px;
	height: 28px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	font-size: 1.1rem;
	border-radius: 12px;
	transition: all 0.2s;
}

/* base icon style - gold accent */
.row.company-list ul li i {
	color: #B17E39;
	background: rgba(177, 126, 57, 0.1);
	border-radius: 10px;
	padding: 5px;
}

/* unique hover effect per icon category (dynamic via data attribute if needed) 
           but using nth-child or type selectors to add variety */
.row.company-list ul li:nth-child(odd) i {
	background: rgba(23, 34, 91, 0.08);
	color: #17225B;
}

.row.company-list ul li:nth-child(even) i {
	background: rgba(177, 126, 57, 0.12);
	color: #ecab23;
}



/* enhanced check-circle with pulse effect on hover */
.row.company-list ul li:hover i {
	transform: scale(1.08);
	filter: drop-shadow(0 2px 4px rgba(177, 126, 57, 0.3));
}

/* Adding unique "tile" feel: each list item looks like a mini tile */
.row.company-list ul li {
	background: linear-gradient(to right, transparent 0%, transparent 100%);
	border-radius: 16px;
	margin-bottom: 15px;
}

/* First column special border-left accent */
.row.company-list .col-md-6:first-child ul li {
	border-left: 3px solid transparent;
	transition: border-left 0.2s;
}

.row.company-list .col-md-6:first-child ul li:hover {
	border-left-color: #17225B;
	background: #fafcff;
	border-radius: 12px;
	padding-left: 12px;
}

.row.company-list .col-md-6:last-child ul li:hover {
	border-right-color: #B17E39;
	background: #fffbf5;
	border-radius: 12px;
	padding-left: 12px;
}

/* responsive adjustments */
@media (max-width: 768px) {
	.site-content.service-details {
		padding: 48px 0;
	}

	.service-col {
		padding: 32px 24px;
	}

	.pbmit-short-description h4 {
		font-size: 1.8rem;
	}

	.row.company-list .col-md-6 {
		padding: 20px 18px;
	}

	.row.company-list ul li {
		font-size: 0.9rem;
		gap: 10px;
	}
}

.company-ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

.company-ul li {
	font-size: 15px;
	margin-bottom: 14px;
	display: flex;
	align-items: center;
	gap: 10px;
	color: #1e2a47;
	font-weight: 500;
	transition: 0.3s;
}

/* Icon */
.company-ul li i {
	color: #B17E39;
	font-size: 16px;
}

/* Hover effect */
.company-ul li:hover {
	transform: translateX(6px);
	color: #17225B;
}

/* IMAGE DESIGN */
.company-image img {
	max-width: 100%;
	border-radius: 20px;
	box-shadow: 0 15px 35px rgba(0, 0, 0, 0.1);
	transition: 0.4s;
}

/* Hover zoom */
.company-image img:hover {
	transform: scale(1.05);
}

/* Optional background frame */
.company-image {
	padding: 10px;
	background: linear-gradient(135deg, #f8f9fc, #ffffff);
	border-radius: 25px;
}

/* Responsive */
@media (max-width: 768px) {
	.company-image {
		margin-top: 20px;
	}
}

/* optional animated gradient border for container */
@keyframes subtleGlow {
	0% {
		box-shadow: 0 30px 50px -25px rgba(0, 0, 0, 0.1);
	}

	100% {
		box-shadow: 0 35px 55px -22px rgba(23, 34, 91, 0.18);
	}
}

.service-col {
	animation: subtleGlow 3s infinite alternate;
}

/* custom scrollbar */
::-webkit-scrollbar {
	width: 6px;
}

::-webkit-scrollbar-track {
	background: #eef2f8;
}

::-webkit-scrollbar-thumb {
	background: #B17E39;
	border-radius: 6px;
}

/* SECTION */
.conversion-section {
	padding: 60px 0;
}

/* WRAPPER */
.conversion-wrapper {
	position: relative;
	max-width: 900px;
	margin: auto;
}

/* CENTER LINE */
.conversion-wrapper::before {
	content: '';
	position: absolute;
	left: 50%;
	top: 0;
	width: 2px;
	height: 100%;
	background: linear-gradient(to bottom, #17225B, #B17E39);
	transform: translateX(-50%);
}

/* ITEM */
.conversion-item {
	display: flex;
	align-items: center;
	margin-bottom: 40px;
	position: relative;
}

/* LEFT SIDE */
.conversion-item.left {
	justify-content: flex-end;
	text-align: right;
}

/* RIGHT SIDE */
.conversion-item.right {
	justify-content: flex-start;
	text-align: left;
}

/* CONTENT BOX */
.conversion-item .content {
	background: #fff;
	padding: 20px 25px;
	border-radius: 30px;
	width: 45%;
	font-weight: 600;
	color: #1e2a47;
	box-shadow: 0 10px 25px rgba(0, 0, 0, 0.08);
	transition: 0.3s;
}

/* ICON */
.conversion-item .icon {
	width: 60px;
	height: 60px;
	background: #ecab23;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #fff;
	font-size: 22px;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	z-index: 2;
	box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15);
}

/* HOVER EFFECT */
.conversion-item:hover .content {
	transform: scale(1.04);
	box-shadow: 0 15px 35px rgba(0, 0, 0, 0.15);
}

/* RESPONSIVE */
@media (max-width: 768px) {
	.conversion-wrapper::before {
		left: 20px;
	}

	.conversion-item {
		flex-direction: column;
		align-items: flex-start;
		padding-left: 50px;
	}

	.conversion-item.left,
	.conversion-item.right {
		justify-content: flex-start;
		text-align: left;
	}

	.conversion-item .icon {
		left: 0px;
		transform: none;
	}

	.conversion-item .content {
		width: 100%;
	}
}

/* SECTION */
.meeting-section {
	padding: 60px 0;
	background: linear-gradient(135deg, #f8f9fc, #ffffff);
}

/* WRAPPER */
.meeting-wrapper {
	max-width: 900px;
	margin: auto;
}

/* TITLE */
.meeting-title {
	text-align: center;
	font-size: 28px;
	font-weight: 700;
	margin-bottom: 40px;
	color: #17225B;
}

/* ITEM */
.meeting-item {
	display: flex;
	align-items: center;
	background: #fff;
	border-radius: 20px;
	margin-bottom: 20px;
	padding: 18px 22px;
	box-shadow: 0 10px 25px rgba(0, 0, 0, 0.05);
	border-left: 6px solid #17225B;
	transition: all 0.3s ease;
	position: relative;
}

/* LEFT SIDE (NUMBER + ICON) */
.meeting-left {
	display: flex;
	align-items: center;
	gap: 12px;
	min-width: 80px;
}

/* NUMBER */
.meeting-left .number {
	font-size: 20px;
	font-weight: 700;
	color: #B17E39;
}

/* ICON */
.meeting-left i {
	font-size: 20px;
	color: #17225B;
}

/* CONTENT */
.meeting-content {
	font-size: 15px;
	font-weight: 600;
	color: #1e2a47;
	line-height: 1.5;
}

/* HOVER EFFECT */
.meeting-item:hover {
	transform: translateX(8px);
	border-left-color: #B17E39;
	box-shadow: 0 15px 35px rgba(0, 0, 0, 0.1);
}

/* SUBTLE RIGHT ARROW */
.meeting-item::after {
	content: '\f061';
	font-family: 'Font Awesome 6 Free';
	font-weight: 900;
	position: absolute;
	right: 20px;
	opacity: 0;
	color: #B17E39;
	transition: 0.3s;
}

.meeting-item:hover::after {
	opacity: 1;
}

/* RESPONSIVE */
@media (max-width: 768px) {
	.meeting-item {
		flex-direction: column;
		align-items: flex-start;
		gap: 10px;
	}

	.meeting-left {
		min-width: auto;
	}

	.meeting-item::after {
		display: none;
	}
}

/* SECTION */
.din-section {
	padding: 40px 0;
	background: linear-gradient(135deg, #ffffff, #f7f9fc);
}

/* TITLE */
.din-title {
	font-size: 28px;
	font-weight: 700;
	color: #17225B;
}

/* GRID */
.din-section .row {
	row-gap: 25px;
}

/* CARD */
.din-card {
	background: #fff;
	border-radius: 5px;
	padding: 15px 10px;
	text-align: center;
	box-shadow: 0 10px 30px rgba(0, 0, 0, 0.06);
	transition: all 0.35s ease;
	position: relative;
	overflow: hidden;
	height: 100%;
	border: 1px solid rgba(23, 34, 91, 0.08);
}

/* ICON */
.din-card i {
	font-size: 32px;
	margin-bottom: 15px;
	color: #17225B;
	transition: 0.3s;
}

/* TEXT */
.din-card h6 {
	font-size: 15px;
	font-weight: 600;
	color: #1e2a47;
	line-height: 1.4;
}

/* HOVER EFFECT */
.din-card:hover {
	transform: translateY(-10px);
	box-shadow: 0 20px 40px rgba(0, 0, 0, 0.12);
}

/* GRADIENT OVERLAY */
.din-card::before {
	content: '';
	position: absolute;
	inset: 0;
	background: #B17E39;
	opacity: 0;
	transition: 0.4s;
	z-index: 0;
}

.din-card:hover::before {
	opacity: 1;
}

/* TEXT ON HOVER */
.din-card:hover h6,
.din-card:hover i {
	color: #fff;
	position: relative;
	z-index: 2;
}

/* ICON SCALE */
.din-card:hover i {
	transform: scale(1.2);
}

/* RESPONSIVE */
@media (max-width: 768px) {
	.din-card {
		padding: 25px 15px;
	}

	.din-card i {
		font-size: 28px;
	}
}

/* SECTION */
.moa-card-section {
	padding: 70px 0;
	background: linear-gradient(135deg, #f8f9fc, #ffffff);
}

/* TITLE */
.moa-title {
	font-size: 28px;
	font-weight: 700;
	color: #17225B;
}

/* ROW */
.moa-card-row {
	display: flex;
	flex-wrap: wrap;
	gap: 25px;
}

/* CARD */
.moa-card {
	display: flex;
	justify-content: space-between;
	align-items: center;
	background: #fff;
	border-radius: 10px;
	padding: 22px 20px;
	height: 100%;
	box-shadow: 0 10px 25px rgba(0, 0, 0, 0.06);
	transition: all 0.35s ease;
	border: 1px solid rgba(23, 34, 91, 0.08);
	position: relative;
	overflow: hidden;
}

/* CONTENT */
.moa-content {
	font-size: 15px;
	font-weight: 600;
	color: #1e2a47;
	line-height: 1.5;
	width: 75%;
}

/* ICON RIGHT SIDE */
.moa-icon {
	width: 50px;
	height: 50px;
	background: #ecab23;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #fff;
	font-size: 18px;
	flex-shrink: 0;
	transition: 0.3s;
}

/* HOVER EFFECT */
.moa-card:hover {
	transform: translateY(-8px);
	box-shadow: 0 18px 35px rgba(0, 0, 0, 0.12);
}

/* ICON ANIMATION */
.moa-card:hover .moa-icon {
	transform: scale(1.15) rotate(5deg);
}

/* LEFT BORDER EFFECT */
.moa-card::before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 5px;
	height: 100%;
	background: linear-gradient(#17225B, #B17E39);
	opacity: 0;
	transition: 0.3s;
}

.moa-card:hover::before {
	opacity: 1;
}

/* RESPONSIVE */
@media (max-width: 768px) {
	.moa-content {
		width: 70%;
		font-size: 14px;
	}

	.moa-icon {
		width: 45px;
		height: 45px;
		font-size: 16px;
	}
}

/* SECTION */
.share-section {
	padding: 40px 0;
	background: linear-gradient(135deg, #ffffff, #f4f6fb);
}

/* TITLE */
.share-title {
	font-size: 28px;
	font-weight: 700;
	color: #17225B;
}

/* WRAPPER */
.share-steps {
	position: relative;
	max-width: 900px;
	margin: auto;
}

/* CENTER LINE */
.share-steps::before {
	content: '';
	position: absolute;
	left: 50%;
	width: 3px;
	height: 100%;
	background: linear-gradient(#17225B, #B17E39);
	transform: translateX(-50%);
}

/* STEP */
.step {
	display: flex;
	align-items: center;
	margin-bottom: 30px;
	position: relative;
}

/* LEFT SIDE */
.step.left {
	justify-content: flex-end;
}

/* RIGHT SIDE */
.step.right {
	justify-content: flex-start;
}

/* CONTENT BOX */
.step-content {
	width: 45%;
	background: #fff;
	padding: 18px 22px;
	border-radius: 5px;
	font-weight: 600;
	color: #1e2a47;
	box-shadow: 0 10px 25px rgba(0, 0, 0, 0.06);
	transition: 0.3s;
}

/* NUMBER CIRCLE */
.step-number {
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	width: 55px;
	height: 55px;
	background: #17225B;
	color: #fff;
	font-weight: bold;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	z-index: 2;
}

/* HOVER EFFECT */
.step:hover .step-content {
	transform: scale(1.05);
	box-shadow: 0 15px 35px rgba(0, 0, 0, 0.12);
}

/* RESPONSIVE */
@media (max-width: 768px) {
	.share-steps::before {
		left: 20px;
	}

	.step {
		flex-direction: column;
		align-items: flex-start;
		padding-left: 50px;
	}

	.step.left,
	.step.right {
		justify-content: flex-start;
	}

	.step-number {
		left: 0px;
		transform: none;
	}

	.step-content {
		width: 100%;
	}
}

/* Section title */
.section-title {
	text-align: center;
	font-size: 28px;
	font-weight: 700;
	color: #17225B;
	margin-bottom: 40px;
}

/* Row spacing */


/* Main card */
.closure-box {
	background: #ffffff;
	border-radius: 10px;
	padding: 15px 15px;
	box-shadow: 0 10px 25px rgba(0, 0, 0, 0.06);
	border-left: 6px solid #17225B;
	transition: 0.3s ease;
	height: 100%;
}

/* Alternate color */
.closure-box.alt {
	border-left: 6px solid #B17E39;
}

/* Hover effect */
.closure-box:hover {
	transform: translateY(-5px);
	box-shadow: 0 18px 35px rgba(0, 0, 0, 0.1);
}

/* Heading */
.closure-box h5 {
	font-size: 18px;
	font-weight: 700;
	margin-bottom: 20px;
	color: #1e2a47;
}

/* Each item */
.closure-item {
	display: flex;
	align-items: center;
	gap: 12px;
	padding: 12px 0;
	border-bottom: 1px dashed #ddd;
	font-size: 15px;
	color: #444;
}

/* Remove last border */
.closure-item:last-child {
	border-bottom: none;
}

/* Icon */
.closure-item i {
	font-size: 18px;
	color: #fff;
	background: #17225B;
	padding: 10px;
	border-radius: 50%;
	min-width: 38px;
	text-align: center;
}

/* Alternate icon color */
.closure-box.alt .closure-item i {
	background: #B17E39;
}

/* Hover animation */
.closure-item:hover i {
	transform: scale(1.1);
}

/* Responsive */
@media (max-width: 768px) {
	.closure-box {
		margin-bottom: 20px;
	}
}


/* Each row card */
.fema-row {
	display: flex;
	align-items: center;
	gap: 15px;
	padding: 18px 20px;
	margin-bottom: 18px;
	background: #fff;
	border-radius: 12px;
	border: 1px solid rgba(0, 0, 0, 0.08);
	transition: 0.3s;
}

.fema-row:hover {
	transform: translateY(-4px);
	border-color: #B17E39;
	box-shadow: 0 8px 20px rgba(0, 0, 0, 0.08);
}

.fema-row i {
	font-size: 18px;
	color: #B17E39;
	min-width: 25px;
}

.fema-row span {
	font-size: 15px;
	font-weight: 500;
	color: #1e2a47;
}

/* Mobile → stack */
@media (max-width: 768px) {
	.fema-row {
		font-size: 14px;
	}
}

/* =========================
   AUDIT ACCORDION STYLE
========================= */
.audit-accordion {
	display: flex;
	flex-direction: column;
	gap: 10px;
}

.audit-item {
	background: #f9f9f9;
	padding: 14px 18px;
	border-left: 4px solid #17225B;
	border-radius: 6px;
	font-size: 14px;
	font-weight: 500;
	color: #333;
	transition: 0.3s ease;
	cursor: pointer;
	position: relative;
}

/* hover effect */
.audit-item:hover {
	background: #17225B;
	color: #fff;
	transform: translateX(5px);
}

/* icon arrow */
.audit-item::after {
	content: '\f105';
	font-family: "Font Awesome 6 Free";
	font-weight: 900;
	position: absolute;
	right: 15px;
	top: 50%;
	transform: translateY(-50%);
}

/* =========================
   LISTING GRID STYLE
========================= */
.listing-grid {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 15px;
}

.listing-box {
	background: #fff;
	border-radius: 10px;
	padding: 18px;
	box-shadow: 0 8px 20px rgba(0, 0, 0, 0.06);
	display: flex;
	align-items: center;
	gap: 12px;
	transition: 0.3s ease;
}

/* number badge */
.listing-box span {
	font-size: 16px;
	font-weight: 700;
	color: #fff;
	background: linear-gradient(135deg, #17225B, #B17E39);
	padding: 10px 12px;
	border-radius: 8px;
	min-width: 40px;
	text-align: center;
}

/* text */
.listing-box p {
	margin: 0;
	font-size: 14px;
	color: #333;
	font-weight: 500;
}

/* hover */
.listing-box:hover {
	transform: translateY(-5px);
	box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);
}

/* responsive */
@media (max-width: 768px) {
	.listing-grid {
		grid-template-columns: 1fr;
	}
}

/* List container */
.listing-icon-list {
	list-style: none;
	padding: 0;
	margin: 0;
}

/* Each item */
.listing-icon-list li {
	display: flex;
	align-items: flex-start;
	gap: 12px;
	padding: 12px 15px;
	margin-bottom: 10px;
	background: #f9f9f9;
	border-radius: 8px;
	font-size: 14px;
	font-weight: 500;
	color: #333;
	transition: 0.3s ease;
	border-left: 4px solid transparent;
}

/* Icon */
.listing-icon-list li i {
	color: #fff;
	background: #ecab23;
	padding: 8px;
	border-radius: 50%;
	font-size: 12px;
	min-width: 28px;
	text-align: center;
}

/* Hover effect */
.listing-icon-list li:hover {
	background: #17225B;
	color: #fff;
	border-left: 4px solid #B17E39;
	transform: translateX(5px);
}

/* Icon stays visible on hover */
.listing-icon-list li:hover i {
	background: #fff;
	color: #17225B;
}

.meeting-section {
	padding: 70px 0;
	background: #f9fbff;
}

.meeting-title {
	font-size: 2rem;
	font-weight: 700;
	color: #17225B;
	margin-bottom: 25px;
}

/* ITEM DESIGN */
.meeting-item {
	display: flex;
	gap: 15px;
	margin-bottom: 20px;
	padding: 16px;
	background: #fff;
	border-radius: 12px;
	border: 1px solid rgba(0, 0, 0, 0.08);
	transition: 0.3s;
}

.meeting-item:hover {
	transform: translateX(6px);
	box-shadow: 0 8px 20px rgba(0, 0, 0, 0.08);
}

/* LEFT ICON AREA */
.meeting-left {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 6px;
}

.number {
	background: #17225B;
	color: #fff;
	font-size: 12px;
	padding: 4px 12px;
	border-radius: 50%;
}

.meeting-left i {
	font-size: 18px;
	color: #B17E39;
}

/* CONTENT */
.meeting-content {
	font-size: 15px;
	font-weight: 500;
	color: #1e2a47;
}

/* IMAGE */
.meeting-image img {
	max-width: 100%;
	border-radius: 20px;
	box-shadow: 0 15px 35px rgba(0, 0, 0, 0.1);
	transition: 0.4s;
}

.meeting-image img:hover {
	transform: scale(1.05);
}

/* Optional background */
.meeting-image {
	padding: 10px;
	background: linear-gradient(135deg, #ffffff, #f3f6ff);
	border-radius: 25px;
}

/* Responsive */
@media (max-width: 768px) {
	.meeting-image {
		margin-top: 25px;
	}
}

.split-service-section {
	padding: 80px 0;
	background: #f8fafc;
}

/* Card Design */
.split-card {
	background: #ffffff;
	padding: 35px 30px;
	border-radius: 10px;
	height: 100%;
	box-shadow: 0 15px 35px rgba(0, 0, 0, 0.06);
	border: 1px solid rgba(0, 0, 0, 0.05);
	transition: all 0.3s ease;
	position: relative;
}

/* Slight variation for right card */
.right-card {
	background: #17225B;
	color: #fff;
}

/* Hover */
.split-card:hover {
	transform: translateY(-6px);
	box-shadow: 0 25px 45px rgba(0, 0, 0, 0.12);
}

/* Title */
.split-title {
	font-size: 1.4rem;
	font-weight: 700;
	margin-bottom: 20px;
	color: #17225B;
}

/* Right title color */
.right-card .split-title {
	color: #fff;
}

/* List */
.split-list {
	list-style: none;
	padding: 0;
	margin: 0;
}

/* List items */
.split-list li {
	position: relative;
	padding-left: 35px;
	margin-bottom: 14px;
	font-size: 0.95rem;
	line-height: 1.5;
	color: #334155;
}

/* Tick Icon */
.split-list li::before {
	content: '\f058';
	/* check-circle */
	font-family: "Font Awesome 6 Free";
	font-weight: 900;
	position: absolute;
	left: 0;
	top: 2px;
	color: #B17E39;
	font-size: 1rem;
}

/* Right card list color */
.right-card .split-list li {
	color: #e2e8f0;
}

/* Right card icon color */
.right-card .split-list li::before {
	color: #ffffff;
}

/* Responsive */
@media (max-width: 768px) {
	.split-card {
		margin-bottom: 20px;
	}
}

.posh-cta-section {
	padding: 60px 0;
	background: #f1f5f9;
}

/* CTA Box */
.posh-cta-box {
	background: #17225B;
	padding: 25px 25px;
	border-radius: 20px;
	color: #fff;
	position: relative;
	overflow: hidden;
}

/* subtle glow */
.posh-cta-box::before {
	content: '';
	position: absolute;
	width: 300px;
	height: 300px;
	background: rgba(177, 126, 57, 0.25);
	top: -80px;
	right: -80px;
	border-radius: 50%;
	filter: blur(80px);
}

/* Title */
.posh-cta-title {
	color: #fff;
	font-size: 2rem;
	font-weight: 700;
	margin-bottom: 10px;
}

/* Text */
.posh-cta-text {
	font-size: 1rem;
	line-height: 1.6;
	color: #e2e8f0;
}

/* Button */
.posh-cta-btn {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	background: #B17E39;
	color: #fff;
	padding: 12px 24px;
	border-radius: 50px;
	font-weight: 600;
	text-decoration: none;
	transition: all 0.3s ease;
}

/* Hover */
.posh-cta-btn:hover {
	background: #fff;
	color: #17225B;
	transform: translateY(-2px);
}

/* Icon animation */
.posh-cta-btn i {
	transition: transform 0.3s ease;
}

.posh-cta-btn:hover i {
	transform: translateX(5px);
}

/* Responsive */
@media (max-width: 768px) {
	.posh-cta-title {
		font-size: 1.5rem;
	}

	.posh-cta-box {
		text-align: center;
	}
}

.roc-csr-section {
	padding: 70px 0;
}

.section-title {
	font-size: 28px;
	font-weight: 700;
	color: #17225B;
}

/* Row layout */
.circle-row {
	display: flex;

	gap: 30px;
	flex-wrap: wrap;
	margin-bottom: 10px;
}

/* Card */
.process-item {
	text-align: center;
	max-width: 220px;
	position: relative;
}

/* Circle Image */
.process-item img {
	width: 140px;
	height: 140px;
	border-radius: 50%;
	object-fit: cover;
	box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
	transition: 0.3s;
}

/* Number Badge */
.process-item span {
	position: absolute;
	bottom: 106px;
	left: 50%;
	transform: translateX(-50%);
	background: #0d1b2a;
	color: #fff;
	width: 45px;
	height: 45px;
	border-radius: 50%;
	line-height: 45px;
	font-weight: bold;
}

/* Text */
.process-item p {
	margin-top: 25px;
	font-size: 15px;
	color: #555;
}

/* Hover */
.process-item:hover img {
	transform: scale(1.08);
}

/* Responsive */
@media (max-width: 768px) {
	.circle-row {
		gap: 25px;
		display: flex;
		/* gap: 30px; */
		flex-wrap: wrap;

		align-content: flex-end;
		justify-content: space-around;
	}

	.process-item img {
		width: 110px;
		height: 110px;
	}
}
@media only screen and (min-width: 992px) {

.fixed-height {
	height: 454px;
	
}
}

@media only screen and (min-width: 992px) {

.fixed-height2 {
	height: 382px;
	
}
}