/* ----------------------------------------------------------------
	Custom CSS

	Add all your Custom Styled CSS here for New Styles or
	Overwriting Default Theme Styles for Better Handling Updates
-----------------------------------------------------------------*/

.iconlist > li i:first-child, .iconlist > li img:first-child {
	color: #003278 !important;
}

/* Premium Wide Button Tabs */
.premium-tabs {
	display: flex;
	justify-content: center;
	gap: 25px;
	margin-bottom: 3rem;
	flex-wrap: wrap;
}

.premium-tab {
	flex: 1;
	max-width: 420px;
	min-width: 300px;
	padding: 26px 30px;
	font-size: 1.25rem;
	font-weight: 700;
	color: #333;
	background: white;
	border: 2px solid #e9ecef;
	border-radius: 20px;
	transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
	display: flex;
	align-items: center;
	gap: 18px;
	cursor: pointer;
	box-shadow: 0 8px 25px rgba(0, 0, 0, 0.08);
}


	.premium-tab:hover {
		transform: translateY(-8px);
		box-shadow: 0 20px 40px rgba(32, 37, 95, 0.18) !important;
		border-color: #2a3075 !important;
	}

	.premium-tab.active {
		/*background: linear-gradient(135deg, #2a3075) !important;*/
		background: #2a3075 !important;
		color: white !important;
		border-color: #2a3075 !important;
		box-shadow: 0 15px 35px rgba(32, 37, 95, 0.3) !important;
	}

	.premium-tab i {
		font-size: 2.2rem;
		width: 50px;
		transition: all 0.3s ease !important;
	}

	.premium-tab.active i {
		color: #d4af37 !important;
		transform: scale(1.1) !important;
	}

	.premium-tab .tab-text {
		flex-grow: 1 !important;
	}

.service-content {
	display: none;
}

	.service-content.active {
		display: block !important;
		animation: fadeIn 0.5s ease forwards !important;
	}

@keyframes fadeIn {
	from {
		opacity: 0;
		transform: translateY(20px) !important;
	}

	to {
		opacity: 1;
		transform: translateY(0) !important;
	}
}

.service-box {
	transition: all 0.4s ease !important;
	border-radius: 16px;
	overflow: hidden;
}

	.service-box:hover {
		transform: translateY(-10px) !important;
		box-shadow: 0 20px 45px rgba(32, 37, 95, 0.15) !important;
	}


.hiw {
	background: #fcfcfc;
	box-shadow: 0 8px 25px rgba(0, 0, 0, 0.08);
	margin: 62px 0 30px;
	border-top: 4px solid #20255f;
	padding: 20px 0 0;
	border-radius: 12px;
}
.step-card1.p-4.text-center {
	border-bottom: 1px solid #191e5a36;
}

