/* Left Content Styling */
		/* Input & Form Styling */
		.form-group-custom {
			margin-top: 30px;
			margin-bottom: 20px;
		}

		.input-label {
			font-weight: 600;
			font-size: 13px;
			color: #64748b;
			margin-bottom: 8px;
			display: block;
		}

		.input-wrapper {
			position: relative;
		}

		.input-icon {
			position: absolute;
			left: 15px;
			top: 17px;
			color: #94a3b8;
			font-size: 18px;
		}

		.form-control-custom {
			width: 100%;
			height: 54px;
			padding: 10px 15px 10px 48px;
			border: 1px solid #c6d4e1;
			background: #f8fafc;
			border-radius: 12px;
			font-size: 15px;
			transition: all 0.3s;
		}

		.form-control-custom:focus {
			border-color: #2563eb;
			background: #fff;
			outline: none;
			box-shadow: 0 4px 10px rgba(37, 99, 235, 0.08);
		}

		.badge-custom {
			background-color: #FEF6E7;
			color: #D98E32;
			padding: 5px 15px;
			border-radius: 20px;
			font-weight: bold;
			font-size: 12px;
			border: 1px solid #F3E0C5;
		}

		.main-title {
			font-size: 40px;
			font-weight: 900;
			line-height: 1.1;
			margin-top: 20px;
			color: #111;
		}

		.text-orange {
			color: #FF5E3A;
		}

		.description {
			font-size: 18px;
			color: #666;
			margin: 25px 0;
			max-width: 500px;
		}

		.featurelist {
			display: flex;
			gap: 12px;
			margin-bottom: 10px;
		}

		.featurelist span img {
			width: 40px;
		}

		.featurelist span {
			font-weight: 700;
			font-size: 16px;
			padding: 10px;
			box-shadow: 0 0 4px 0px;
			display: flex;
			gap: 10px;
			border-radius: 10px;
			align-items: center;

		}

		/* Right Card Styling */
		.validator-card {
			background: #fff;
			padding: 30px;
			border-radius: 25px;
			box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);
			border-top: 5px solid #FF5E3A;
		}

		.validator-card h3 {
			margin-top: 0;
			font-weight: 700;
			color: #111;
		}

		.sub-text {
			color: #777;
			margin-bottom: 30px;
		}

		.validator-card label {
			font-size: 11px;
			letter-spacing: 1px;
			color: #888;
		}

		.form-control {
			height: 50px;
			background: #F5F5F5;
			border: 1px solid #EEE;
			border-radius: 8px;
		}

		.btn-verify {
			background: #080C16;
			color: white;
			padding: 15px;
			font-weight: bold;
			border-radius: 8px;
			margin-top: 20px;
			transition: 0.3s;
		}

		.btn-verify:hover {
			background: #1a2333;
			color: #fff;
		}



		.footer-note {
			font-size: 13px;
			color: #888;
			margin-top: 25px;
		}

		.secured-box {
			margin-top: 20px;
			background-color: #F0F9F4;
			color: #2D6A4F;
			padding: 12px;
			border-radius: 10px;
			font-size: 14px;
			border: 1px solid #D8EFE2;
		}

		/* ************************************************************** */
		/* HOW IT WORKS */
		.stepnumicon {
			display: flex;
			justify-content: space-between;
			align-items: center;
		}

		.section-sub {
			color: #6B6B7B;
			;
			font-size: 16px;
		}

		.steps-grid {
			display: grid;
			grid-template-columns: repeat(3, 1fr);
			gap: 2px;
			margin-top: 20px;
			background: #E2E0D8;
			border-radius: 16px;
			overflow: hidden;
		}

		.step-item {
			background: #fff;
			padding: 40px 36px;
			position: relative;
			transition: background 0.2s;
		}

		.step-item:hover {
			background: #0A0A14;
			color: #fff;
		}

		.step-item:hover .step-num,
		.step-item:hover .step-desc {
			color: rgba(255, 255, 255, 0.6);
		}

		.step-item:hover .step-name {
			color: #fff;
		}

		.step-num {
			/* font-family: 'Syne', sans-serif; */
			font-size: 4rem;
			font-weight: 800;
			color: #E2E0D8;
			margin-bottom: 20px;
			transition: color 0.2s;
		}

		.step-icon {
			font-size: 1.8rem;
			margin-bottom: 16px;
		}

		.step-name {
			font-size: 16px;
			font-weight: 700;
			margin-bottom: 10px;
			transition: color 0.2s;
		}

		.step-desc {
			font-size: 16px;
			color: #6B6B7B;
			;
			line-height: 1.6;
			transition: color 0.2s;
		}



		/* ************************************************************** */
		.grade-section {
			background: #0A0A14;
			color: #ffff;
		}

		.grade-section .section-tag {
			color: #F0A500;
		}

		.grade-section .section-title {
			color: #ffff;
		}

		.grade-section .section-sub {
			color: rgba(255, 255, 255, 0.5);
		}

		.grades-row {
			display: grid;
			grid-template-columns: repeat(4, 1fr);
			gap: 16px;
			margin-top: 30px;
		}

		.grade-card {
			padding: 32px 28px;
			border-radius: 16px;
			border: 1px solid rgba(255, 255, 255, 0.1);
			position: relative;
			overflow: hidden;
			transition: transform 0.2s;
		}

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

		.grade-card.aplus {
			border-color: rgba(240, 165, 0, 0.4);
			background: rgba(240, 165, 0, 0.06);
		}

		.grade-card.a {
			border-color: rgba(26, 107, 255, 0.4);
			background: rgba(26, 107, 255, 0.06);
		}

		.grade-card.b {
			border-color: rgba(76, 175, 80, 0.4);
			background: rgba(76, 175, 80, 0.06);
		}

		.grade-card.c {
			border-color: rgba(255, 87, 51, 0.3);
			background: rgba(255, 87, 51, 0.04);
		}

		.grade-letter {
			font-size: 40px;
			font-weight: 800;
			line-height: 1;
			margin-bottom: 8px;
		}

		.aplus .grade-letter {
			color: #F0A500;
		}

		.a .grade-letter {
			color: #4A9EFF;
		}

		.b .grade-letter {
			color: #66BB6A;
		}

		.c .grade-letter {
			color: #FF5733;
		}

		.grade-range {
			font-size: 16px;
			color: rgba(255, 255, 255, 0.4);
			margin-bottom: 14px;
			letter-spacing: 0.05em;
		}

		.grade-badge {
			display: inline-block;
			padding: 4px 12px;
			border-radius: 100px;
			font-size: 16px;
			font-weight: 700;
			text-transform: uppercase;
			letter-spacing: 0.08em;
			margin-bottom: 16px;
		}

		.aplus .grade-badge {
			background: rgba(240, 165, 0, 0.2);
			color: #F0A500;
		}

		.a .grade-badge {
			background: rgba(26, 107, 255, 0.2);
			color: #4A9EFF;
		}

		.b .grade-badge {
			background: rgba(76, 175, 80, 0.2);
			color: #66BB6A;
		}

		.c .grade-badge {
			background: rgba(255, 87, 51, 0.15);
			color: #FF7A5E;
		}

		.grade-title {
			font-size: 16px;
			font-weight: 700;
			margin-bottom: 8px;
		}

		.grade-desc {
			font-size: 16px;
			color: rgba(255, 255, 255, 0.5);
			line-height: 1.55;
		}

		@media (max-width: 992px) {
			.grades-row {
				grid-template-columns: 1fr;
			}
		}


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

			.step-item {
				padding: 16px;
			}
		}

		@media (max-width:576px) {
			.featurelist span {
				margin: 10px;
			}

			.featurelist {
				display: block;
			}
		}

		/* ************************************************************** */