.common-popup #requestDemoPopup,
.home-page-main #bookAprivateCreditConsultation {
	.popup-scroll {
		padding: 32px;
		-ms-overflow-style: none;
		scrollbar-width: none;

		&::-webkit-scrollbar {
			display: none;
		}

		@include tablet {
			padding: 24px;
		}

		@include mobile {
			padding: 20px;
		}
	}

	.home-request-title {
		color: #111;
		font-size: 35px;
		font-weight: 400;
		margin-bottom: 10px;
		max-width: 100%;



		@include mobile {
			font-size: 22px;
			max-width: 90%;
		}
	}

	.home-request-desc {
		color: #3D4A51;
		font-size: 14px;
		font-weight: 400;

		@include mobile {
			max-width: 90%;
		}
	}

	.home-request-demo-form {
		.fixed-label-field {
			background: #FCFCFC;
			border: 1px solid #DFE3E4;
			border-radius: 6px;
			position: relative;
			margin-bottom: 20px;
			display: flex;
			flex-direction: column;
			justify-content: center;
			padding: 8px 15px;
			max-height: 50px;
			transition: border-color 0.3s ease;

			&.error-field {
				border-color: #e53e3e;

				.label {
					color: #e53e3e;
				}
			}


			.label {
				position: static;
				transform: none;
				color: #9A9EA0;
				font-size: 11px;
				font-weight: 400;
				margin-bottom: 2px;
				pointer-events: none;
				text-align: left;
			}

			.form-control {
				padding: 0;
				font-size: 14px;
				color: #273238;
				background: transparent;
				text-align: left;

				&.datetimepicker {
					cursor: pointer;
				}

				&::placeholder {
					color: #273238;
				}
			}

			select.form-control {
				background-position: right center;
			}

			.nice-select {
				cursor: pointer;
				border: none;
				background: transparent;
				padding: 0;
				height: 20px;
				font-size: 14px;
				color: #273238;
				width: 100%;
				text-align: left;
				float: none;

				&::after {
					display: none;
				}

				.current {
					display: block;
					overflow: hidden;
					text-overflow: ellipsis;
					white-space: nowrap;
				}

				.list {
					width: calc(100% + 30px);
					left: -15px;
					border-radius: 6px;
					box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
					border: 1px solid #e2e4e5;
					margin-top: 15px;
					max-height: 250px;
					overflow-y: auto;
					background: #fff;

					-ms-overflow-style: none;
					scrollbar-width: none;

					&::-webkit-scrollbar {
						display: none;
					}

					.option {
						font-size: 14px;
						color: #273238;
						padding: 10px 15px;
						min-height: 32px;
						text-align: left;
						padding-block: 0;
						&:hover,
						&.focus,
						&.selected.focus {
							background-color: #f5f5f5;
						}

						&.selected {
							font-weight: 500;
							background: #fafafa;
						}
					}
				}
			}

			&.has-icon {
				cursor: pointer;

				.dropdown-icon,
				.calendar-icon {
					cursor: pointer;
					position: absolute;
					right: 15px;
					top: 50%;
					transform: translateY(-50%);
					pointer-events: none;
					z-index: 5;
				}
			}
		}

		.popup-footer-text {
			color: #3D4A51;
			font-size: 12px;
			font-weight: 400;
			margin-bottom: 30px;
			margin-top: 4px;
			text-align: left;
		}

		.fixed-label-field.textarea-field {
			max-height: none;
			height: auto;
			padding: 10px 15px;

			textarea.form-control {
				resize: none;
				height: 50px;
				padding: 0;
				margin-top: 4px;
				background: transparent;
				border: none;
				font-size: 14px;
				color: #273238;

				&:focus {
					outline: none;
					box-shadow: none;
				}
			}
		}

		.request-btn {
			background: #29c7a8;
			border-radius: 6px;
			font-weight: 500;
			padding: 12px 24px;
			color: #fff;
			border: none;
			cursor: pointer;
			transition: background 0.3s ease;

			&:hover {
				background: #21a88d;
			}
		}

		.form-field.error-field {
			border-color: #e53e3e;

			.label {
				color: #e53e3e;
			}
		}
	}
}

.main-popup {
	.close-btn {
		top: 32px;
		right: 32px;

		@include tablet {
			top: 24px;
			right: 24px;
		}

		@include mobile {
			top: 20px;
			right: 20px;
		}
	}
}

.success-message-area {
	display: none;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	padding: 60px 20px;
	text-align: center;
	min-height: 350px;

	.success-icon {
		margin-bottom: 30px;
		animation: popIn 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.275) forwards;

		svg {
			width: 80px;
			height: 80px;

			circle {
				fill: rgba(41, 199, 168, 0.12);
			}

			path {
				stroke: #29c7a8;
				stroke-dasharray: 100;
				stroke-dashoffset: 100;
				animation: drawCheck 0.6s ease-out 0.3s forwards;
			}
		}
	}

	.home-request-title {
		margin-bottom: 16px;
		font-size: 36px;
		font-weight: 600;
		color: #111;
		opacity: 0;
		animation: fadeInUp 0.5s ease 0.4s forwards;

		@include mobile {
			font-size: 28px;
		}
	}

	.home-request-desc {
		max-width: 420px;
		margin: 0 auto;
		line-height: 1.4;
		font-size: 16px;
		color: #3D4A51;
		opacity: 0;
		animation: fadeInUp 0.5s ease 0.5s forwards;
	}
}

@keyframes popIn {
	0% {
		transform: scale(0.5);
		opacity: 0;
	}

	100% {
		transform: scale(1);
		opacity: 1;
	}
}

@keyframes drawCheck {
	0% {
		stroke-dashoffset: 100;
	}

	100% {
		stroke-dashoffset: 0;
	}
}

@keyframes fadeInUp {
	0% {
		transform: translateY(15px);
		opacity: 0;
	}

	100% {
		transform: translateY(0);
		opacity: 1;
	}
}