body {
	font-size: 15px !important;
}

.float-lb .nk-toggled .nk-label {
	font-size: 14px !important;
}

.perioada12,
.perioada6 {
	font-size: 20px;
}

.extraof {
	font-size: 12px;
	padding-left: 15px;
}

/*
    .col-xs-12 {
        width: 101% !important;
    }*/

.body {
	overflow-y: hidden;
}

.row {
	margin-right: -15px !important;
	margin-left: -15px !important;
}

#afis-oferte .row {
	margin-left: 0px !important;
}

/*
    p {
        margin: 0px 0 10px !important;
    }
    */

.asigurator-offer {
	margin-bottom: 2px;
}

.checkbox-container {
	margin-bottom: 10px;
}

.progress-bar-info {
	background-color: red !important;
}

.main-checkbox {
	position: relative;
	display: block;
	cursor: pointer;
}

#afis-oferte-header .hidden-xs {
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
}

#afis-oferte-header #progress_oferte,
#afis-oferte-header #progress_oferte_done {
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}

.main-checkbox .arrow {
	position: absolute;
	margin-left: 11px;
	width: 10px;
	height: 10px;
}

.expandable-section {
	display: none;
	margin-left: 20px;
}

.expandable-section label {
	display: block;
	margin-bottom: 5px;
}

.checkbox {
	margin-right: 5px;
	display: inline !important;
}

.overlay2 {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.5);
	z-index: 9999;
	border-radius: 20px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

.loading-img {
	height: 50px;
	width: 50px;
}

.loading-text {
	margin-top: 10px;
	color: #ffffff;
	font-size: 14px;
}

.btn-alege {
	background-color: red !important;
	border-color: red !important;
	border-radius: 6px !important;
	font-size: 19px !important;
	padding: 6px 27px !important;
	margin-top: 5px !important;
}

.btn-alege:hover {
	background-color: #810000 !important;
	border-color: #810000 !important;
	color: white;
}

#afis-oferte-header div {
	margin-bottom: 0 !important;
	border-radius: 0 !important;
	border: 0 !important;
	box-shadow: none !important;
}

#afis-oferte-header {
	margin-bottom: 14px;
}

.super-hidden {
	display: none !important;
}

.well {
	background: white !important;
	border-radius: 5px;
	width: 100%;
}

.form-group.float-lb.floating-lb {
	margin-top: 17px !important;
}

.bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {
	width: 100% !important;
}

.scanner {
	position: relative;
	width: 100%;
	height: 100%;
	overflow: hidden;
}

.overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.cut-out {
	position: absolute;
	top: 27px;
	left: 38px;
	right: 5px;
	bottom: -24px;
	width: 86%;
	z-index: 9999;
	height: 84%;
	outline: 2px solid white;
	box-shadow: 0 0 0 2000px rgba(0, 0, 0, 0.7);
	/* Adjust color and alpha value to match .overlay background */
	outline-offset: -2px;
}

.modal.fullscreen-modal {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 1050;
	display: none;
	overflow: hidden;
	outline: 0;
}

.fullscreen-modal .modal-dialog {
	width: 100%;
	height: 100%;
	padding: 0;
	margin: 0;
}

.fullscreen-modal .modal-content {
	border: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	height: 100%;
	border-radius: 0;
}

.fullscreen-modal .modal-body {
	position: relative;
	height: calc(100% - 120px);
}

@media screen and (max-width: 767px) {
	.vizibil-mobil {
		display: block;
	}
}

@media screen and (min-width: 768px) {
	.vizibil-mobil {
		display: none;
	}

	.special-row {
		margin-left: -15px;
	}
}

.img-placeholder {
	width: 120px;
	height: 120px;
	background-color: #ff0000;
	border-radius: 60px;
	display: inline-block;
	padding: 15px;
}

h2 {
	font-size: 25px !important;
}

.eroarefield {
	color: red;
	padding: 10px;
	font-weight: 700;
	margin-left: 35px;
	font-style: normal;
}

.backbtn {
	float: right;
}

h1 {
	font-size: 30px;
}

.registration-toggle {
	margin-bottom: 15px;
}

.registration-toggle > .nk-int-st > span {
	display: block;
	margin-bottom: 10px;
	color: #333;
}

.toggle-container {
	display: flex;
	border-radius: 8px;
	background-color: #f0f0f0;
	margin: 13px 10px 13px 0;
	width: 100%;
	max-width: 400px;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}

.registration-toggle .toggle-container {
	margin-bottom: 20px;
}

.toggle-input {
	display: none;
}

.toggle-label {
	flex: 1;
	padding: 12px 8px;
	text-align: center;
	color: #666;
	cursor: pointer;
	border-radius: 6px;
	transition: all 0.3s ease;
	position: relative;
	z-index: 1;
	margin: 0;
	font-size: 14px;
	display: flex;
	align-items: center;
	justify-content: center;
	white-space: nowrap;
}

/* Make icon and text stay aligned on small screens */
.toggle-label i {
	margin-right: 6px;
	font-size: 16px;
}

.toggle-input:checked + .toggle-label {
	background-color: #4285f4;
	color: white;
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

/* Media queries for better mobile support */
@media (max-width: 480px) {
	.toggle-container {
		width: 100%;
		max-width: 100%;
		margin: 13px 0;
	}

	.toggle-label {
		padding: 10px 5px;
		font-size: 13px;
	}

	.toggle-label i {
		margin-right: 4px;
	}
}

/* For very small screens */
@media (max-width: 320px) {
	.toggle-label span {
		font-size: 12px;
	}

	.toggle-label i {
		font-size: 14px;
	}
}

/*high converting stuff */

/* High-Converting RCA Website CSS */
:root {
	--primary-color: #e53935;
	--primary-dark: #c62828;
	--primary-light: #ffcdd2;
	--accent-color: #2196f3;
	--text-dark: #333333;
	--text-light: #757575;
	--background-light: #f9f9f9;
	--success-color: #4caf50;
	--warning-color: #ffc107;
}

body {
	color: var(--text-dark);
}

/* Hero Section */
.hero-section {
	background: linear-gradient(135deg, var(--primary-color) 0%, var(--primary-dark) 100%);
	padding: 80px 0;
	color: white;
	position: relative;
	overflow: hidden;
}

.hero-section::before {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	width: 100%;
	height: 100%;
	background-image: url("path/to/pattern.svg");
	background-repeat: no-repeat;
	background-position: right center;
	opacity: 0.1;
}

.main-heading {
	font-size: 42px;
	font-weight: 700;
	margin-bottom: 20px;
	line-height: 1.2;
}

.accent-text {
	color: var(--warning-color);
	font-weight: 900;
}

.highlight-text {
	background: rgba(255, 255, 255, 0.2);
	padding: 0 10px;
	border-radius: 4px;
}

.sub-heading {
	font-size: 20px;
	margin-bottom: 30px;
	opacity: 0.9;
}

.cta-group {
	display: flex;
	align-items: center;
	margin-top: 30px;
}

.trust-badge {
	margin-left: 20px;
	background: white;
	padding: 8px 15px;
	border-radius: 50px;
	display: flex;
	flex-direction: column;
}

.rating {
	font-weight: 700;
	font-size: 16px;
}

.rating i {
	color: var(--warning-color);
}

.reviews {
	font-size: 12px;
	opacity: 0.8;
}

.btn-submit:hover {
	background: var(--primary-dark);
}

/* Advantages Section */
.advantages-section {
	padding: 60px 0;
	background-color: var(--background-light);
}

.advantage-card {
	background: white;
	border-radius: 8px;
	padding: 30px 20px;
	text-align: center;
	box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
	height: 100%;
	transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.advantage-card:hover {
	transform: translateY(-5px);
	box-shadow: 0 8px 25px rgba(0, 0, 0, 0.1);
}

.advantage-card .icon {
	background: var(--primary-light);
	width: 70px;
	height: 70px;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0 auto 20px;
}

.advantage-card .icon i {
	color: var(--primary-color);
	font-size: 28px;
}

.advantage-card h3 {
	font-size: 20px;
	margin-bottom: 10px;
	color: var(--text-dark);
}

.advantage-card p {
	color: var(--text-light);
}

/* Trust Section */
.trust-section {
	padding: 80px 0;
}

.section-header {
	margin-bottom: 40px;
}

.section-header h2 {
	font-size: 32px;
	font-weight: 700;
	margin-bottom: 15px;
}

.testimonial-card {
	background: white;
	border-radius: 8px;
	padding: 30px;
	box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
	height: 100%;
	position: relative;
}

.testimonial-card::before {
	content: "";
	position: absolute;
	top: 20px;
	left: 20px;
	font-size: 80px;
	color: var(--primary-light);
	line-height: 1;
	opacity: 0.3;
}

.rating {
	margin-bottom: 20px;
}

.rating i {
	color: var(--warning-color);
	font-size: 20px;
	margin-right: 2px;
}

.testimonial-text {
	font-size: 16px;
	line-height: 1.7;
	margin-bottom: 20px;
	position: relative;
	z-index: 1;
}

.client-info {
	display: flex;
	align-items: center;
}

.client-avatar {
	width: 50px;
	height: 50px;
	border-radius: 50%;
	object-fit: cover;
	margin-right: 15px;
}

.client-details h4 {
	margin: 0 0 5px;
	font-size: 18px;
	font-weight: 600;
}

.client-details p {
	margin: 0;
	color: var(--text-light);
	font-size: 14px;
}

.trust-badges {
	margin-top: 50px;
	padding-top: 40px;
	border-top: 1px solid #e1e1e1;
}

.badge-item {
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
}

.badge-item img {
	height: 60px;
	margin-bottom: 15px;
}

.badge-item p {
	font-weight: 500;
	color: var(--text-dark);
}

/* Process Section */
.process-section {
	padding: 80px 0;
	background: linear-gradient(to right, #f9f9f9 0%, #ffffff 100%);
}

.process-steps {
	position: relative;
}

.process-steps::before {
	content: "";
	position: absolute;
	top: 100px;
	left: 15%;
	right: 15%;
	height: 3px;
	background: var(--primary-light);
	z-index: 0;
}

.step-card {
	background: white;
	border-radius: 10px;
	padding: 40px 20px;
	text-align: center;
	box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
	height: 100%;
	position: relative;
	z-index: 1;
}

.step-number {
	position: absolute;
	top: -25px;
	left: 50%;
	transform: translateX(-50%);
	width: 50px;
	height: 50px;
	background: var(--primary-color);
	color: white;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 24px;
	font-weight: 700;
	box-shadow: 0 5px 15px rgba(198, 40, 40, 0.3);
}

.step-icon {
	margin-bottom: 20px;
}

.step-icon i {
	font-size: 40px;
	color: var(--primary-color);
}

.step-card h3 {
	font-size: 20px;
	margin-bottom: 15px;
	font-weight: 600;
}

.step-card p {
	color: var(--text-light);
}

/* Enhanced FAQ Section Styles */
.faq-section {
	padding: 80px 0;
	background-color: var(--background-light);
}

.faq-intro,
.faq-conclusion {
	background-color: #f9f9f9;
	border-left: 4px solid var(--primary-color);
	padding: 20px 25px;
	margin-bottom: 30px;
	border-radius: 0 8px 8px 0;
	max-width: 900px;
	margin-left: auto;
	margin-right: auto;
}

.faq-conclusion {
	margin-top: 30px;
	background-color: #f0f8ff;
	border-left-color: var(--accent-color);
}

.faq-intro p,
.faq-conclusion p {
	margin: 0;
	line-height: 1.7;
	color: var(--text-dark);
	font-size: 16px;
}

.faq-container {
	max-width: 900px;
	margin: 0 auto;
}

.faq-item {
	background: white;
	border-radius: 8px;
	margin-bottom: 15px;
	box-shadow: 0 3px 10px rgba(0, 0, 0, 0.05);
	overflow: hidden;
	transition: all 0.3s ease;
}

.faq-item:hover {
	box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
	transform: translateX(5px);
}

.faq-question {
	padding: 20px;
	cursor: pointer;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.faq-question h3 {
	margin: 0;
	font-size: 18px;
	font-weight: 500;
	color: var(--text-dark);
}

.toggle-icon {
	color: var(--primary-color);
	transition: transform 0.3s ease;
}

.faq-item.active .toggle-icon {
	transform: rotate(45deg);
}

.faq-answer {
	padding: 0 20px;
	max-height: 0;
	overflow: hidden;
	transition: max-height 0.3s ease, padding 0.3s ease;
}

.faq-item.active .faq-answer {
	max-height: 1000px;
	padding: 0 20px 20px;
}

.faq-answer p {
	margin: 0;
	color: var(--text-light);
	line-height: 1.7;
}

/* Highlight important keywords */
.faq-answer strong {
	color: var(--primary-color);
	font-weight: 600;
}

.faq-cta {
	background-color: #f9f9f9;
	padding: 30px;
	border-radius: 10px;
	margin-top: 40px;
	box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
	max-width: 900px;
	margin-left: auto;
	margin-right: auto;
}

.faq-cta p {
	font-size: 20px;
	font-weight: 500;
	margin-bottom: 20px;
}

.faq-cta .btn {
	padding: 12px 25px;
	font-weight: 600;
	transition: all 0.3s ease;
}

.faq-cta .btn:hover {
	transform: translateY(-3px);
	box-shadow: 0 8px 15px rgba(0, 0, 0, 0.1);
}

.faq-cta .btn i {
	margin-left: 8px;
}

/* Responsive adjustments */
@media (max-width: 767px) {
	.faq-intro,
	.faq-conclusion {
		padding: 15px;
	}

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

	.faq-cta .btn {
		display: block;
		margin: 10px auto;
		width: 100%;
		max-width: 300px;
	}
}

/* Responsive Adjustments */
@media (max-width: 991px) {
	.main-heading {
		font-size: 36px;
	}

	.process-steps::before {
		display: none;
	}

	.step-card {
		margin-bottom: 40px;
	}
}

@media (max-width: 767px) {
	.hero-section {
		padding: 60px 0;
	}

	.main-heading {
		font-size: 28px;
	}

	.sub-heading {
		font-size: 18px;
	}

	.quick-form {
		margin-top: 40px;
	}

	.cta-group {
		flex-direction: column;
		align-items: flex-start;
	}

	.trust-badge {
		margin-left: 0;
		margin-top: 20px;
	}

	.section-header h2 {
		font-size: 26px;
	}

	.advantage-card,
	.testimonial-card,
	.step-card {
		margin-bottom: 30px;
	}
}

.container-custom {
	margin-bottom: 0px !important;
}

/* Enhanced Process Section Styles */
.step-features {
	margin-top: 15px;
	text-align: left;
}

.step-features ul {
	list-style: none;
	padding-left: 0;
}

.step-features li {
	margin-bottom: 8px;
	font-size: 14px;
	color: var(--text-dark);
}

.step-features li i {
	color: var(--success-color);
	margin-right: 8px;
}

.step-testimonial {
	margin-top: 20px;
	background: rgba(0, 0, 0, 0.02);
	padding: 15px;
	border-radius: 6px;
	position: relative;
}

.step-testimonial:before {
	content: "";
	position: absolute;
	top: 0;
	left: 8px;
	font-size: 40px;
	color: rgba(0, 0, 0, 0.1);
	line-height: 1;
}

.step-testimonial .quote {
	font-style: italic;
	margin-bottom: 5px;
	font-size: 14px;
	position: relative;
	z-index: 1;
}

.step-testimonial .author {
	margin: 0;
	font-weight: 600;
	font-size: 13px;
	text-align: right;
}

.process-cta {
	margin-top: 50px;
}

.process-guarantee {
	font-weight: 600;
	color: var(--text-dark);
	margin-bottom: 20px;
	font-size: 18px;
}

/* Benefits Section Styles */
.benefits-section {
	padding: 80px 0;
	background-color: var(--background-light);
}

.benefit-card {
	background: white;
	border-radius: 10px;
	padding: 30px 20px;
	text-align: center;
	box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
	height: 100%;
	transition: transform 0.3s ease;
	margin-bottom: 30px;
}

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

.benefit-icon {
	margin-bottom: 20px;
}

.benefit-icon i {
	font-size: 36px;
	color: var(--primary-color);
}

.benefit-card h3 {
	font-size: 18px;
	margin-bottom: 15px;
	font-weight: 600;
}

.benefit-card p {
	color: var(--text-light);
	font-size: 14px;
	line-height: 1.6;
}

/* Testimonials Section Styles */
.testimonials-section {
	padding: 80px 0;
	background: linear-gradient(to right, #ffffff 0%, #f9f9f9 100%);
}

.testimonial-card {
	background: white;
	border-radius: 10px;
	padding: 30px;
	box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
	height: 100%;
	margin-bottom: 30px;
	transition: transform 0.3s ease;
}

.testimonial-card:hover {
	transform: translateY(-5px);
}

.testimonial-rating {
	margin-bottom: 20px;
}

.testimonial-rating i {
	color: #ffc107;
	font-size: 16px;
}

.testimonial-text {
	font-style: italic;
	margin-bottom: 20px;
	color: var(--text-dark);
	position: relative;
	padding-left: 20px;
}

.testimonial-text:before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	font-size: 30px;
	color: var(--primary-light);
	line-height: 1;
}

.testimonial-author {
	display: flex;
	align-items: center;
}

.testimonial-avatar {
	width: 50px;
	height: 50px;
	border-radius: 50%;
	object-fit: cover;
	margin-right: 15px;
}

.testimonial-info h4 {
	margin: 0 0 5px;
	font-size: 16px;
	font-weight: 600;
}

.testimonial-info p {
	margin: 0;
	font-size: 14px;
	color: var(--text-light);
}

.testimonials-stats {
	padding-top: 30px;
	border-top: 1px solid #eee;
}

.stat-item {
	padding: 15px;
}

.stat-number {
	font-size: 32px;
	font-weight: 700;
	color: var(--primary-color);
	display: block;
	margin-bottom: 5px;
}

.stat-item p {
	margin: 0;
	color: var(--text-light);
	font-size: 14px;
}

/* Partners Section Styles */
.partners-section {
	background: white;
	padding-top: 60px;
}

.partners-logos {
	margin-bottom: 50px;
}

.partner-logo {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 100px;
	padding: 15px;
	margin-bottom: 20px;
}

.partner-logo img {
	max-width: 100%;
	max-height: 70px;
	filter: grayscale(1);
	opacity: 0.7;
	transition: all 0.3s ease;
}

.partner-logo:hover img {
	filter: grayscale(0);
	opacity: 1;
}

.trust-badge {
	text-align: center;
	margin-bottom: 30px;
}

.trust-badge img {
	height: 60px;
	margin-bottom: 15px;
}

.trust-badge p {
	margin: 0;
	font-weight: 500;
	font-size: 15px;
	color: var(--text-dark);
}

/* Enhanced FAQ Section Styles */
/* Styles for ordered lists in FAQ answers */
.faq-answer ol {
	padding-left: 25px;
	margin: 15px 0;
}

.faq-answer ol li {
	margin-bottom: 10px;
	color: var(--text-light);
	padding-left: 5px;
}

.faq-answer ol li:last-child {
	margin-bottom: 0;
}

.faq-answer p + ol,
.faq-answer ol + p {
	margin-top: 15px;
}

.faq-cta {
	margin-top: 40px;
	padding-top: 30px;
	border-top: 1px solid #eee;
}

.faq-cta p {
	margin-bottom: 15px;
	font-size: 18px;
	color: var(--text-dark);
}

/* Responsive Adjustments */
@media (max-width: 991px) {
	.benefit-card,
	.testimonial-card {
		margin-bottom: 30px;
	}
}

@media (max-width: 767px) {
	.partners-logos .partner-logo {
		height: 80px;
	}

	.partner-logo img {
		max-height: 50px;
	}

	.stat-number {
		font-size: 24px;
	}

	.testimonial-card {
		padding: 20px;
	}
}

/* Core styles for the modal */
#alegeModal {
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
}

#alegeModal .modal-content {
	border-radius: 8px;
	box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);
}

#alegeModal .modal-header {
	background-color: #3498db;
	color: white;
	padding: 15px;
	border-bottom: none;
	border-radius: 8px 8px 0 0;
}

#alegeModal .modal-title {
	font-size: 18px;
	font-weight: 600;
}

#alegeModal .close {
	color: white;
	opacity: 0.8;
	font-size: 24px;
}

#alegeModal .close:hover {
	opacity: 1;
}

#alegeModal .modal-body {
	padding: 15px;
}

/* Price and action buttons section - above the fold */
#alegeModal .action-section {
	background-color: #f8f9fa;
	border-radius: 8px;
	padding: 15px;
	margin-bottom: 20px;
	text-align: center;
}

#alegeModal .price-display {
	background-color: #e3f2fd;
	border-radius: 6px;
	padding: 10px;
	margin-bottom: 15px;
	display: inline-block;
	width: 100%;
}

#alegeModal .price-label {
	margin: 0;
	font-size: 14px;
	color: #666;
}

#alegeModal .price-value {
	margin: 0;
	font-size: 22px;
	font-weight: 700;
	color: #2980b9;
}

#alegeModal .free-bonus {
	display: inline-block;
	background-color: #f1c40f;
	color: #333;
	padding: 4px 8px;
	font-size: 12px;
	border-radius: 4px;
	margin-top: 5px;
}

#alegeModal .action-buttons {
	display: flex;
	gap: 10px;
	justify-content: center;
}

#alegeModal .confirm-btn {
	background-color: #27ae60;
	border: none;
	color: white;
	padding: 10px 20px;
	border-radius: 6px;
	font-weight: 600;
	width: 45%;
	font-size: 16px;
}

#alegeModal .cancel-btn {
	background-color: #7f8c8d;
	border: none;
	color: white;
	padding: 10px 20px;
	border-radius: 6px;
	font-weight: 600;
	width: 45%;
	font-size: 16px;
}

/* Car and insurance details */
#alegeModal .details-section {
	margin-top: 15px;
}

#alegeModal .details-container {
	display: flex;
	flex-wrap: wrap;
	gap: 15px;
	margin-bottom: 15px;
}

#alegeModal .details-column {
	flex: 1 0 280px;
	border: 1px solid #e0e0e0;
	border-radius: 8px;
	padding: 15px;
}

#alegeModal .logo-container {
	text-align: center;
	margin-bottom: 15px;
}

#alegeModal .logo-img {
	width: 100px;
	height: 100px;
	object-fit: contain;
}

#alegeModal .detail-item {
	margin-bottom: 8px;
	display: flex;
	justify-content: space-between;
	border-bottom: 1px solid #f0f0f0;
	padding-bottom: 8px;
}

#alegeModal .detail-label {
	color: #666;
	font-size: 14px;
}

#alegeModal .detail-value {
	font-weight: 600;
	font-size: 14px;
}

/* Notice section */
#alegeModal .notice-box {
	background-color: #fff3cd;
	border-left: 4px solid #ffc107;
	padding: 12px;
	margin-top: 20px;
	font-size: 13px;
	border-radius: 4px;
}

#alegeModal .notice-box a {
	color: #0275d8;
	text-decoration: none;
	font-weight: 600;
}

#alegeModal .payment-btn {
	background-color: #3498db;
	color: white;
	border: none;
	padding: 12px 25px;
	border-radius: 6px;
	font-weight: 600;
	font-size: 16px;
	width: 100%;
	margin-top: 5px;
	transition: background-color 0.3s;
}

#alegeModal .payment-btn:hover {
	background-color: #2980b9;
}

/* Mobile optimizations */
@media (max-width: 767px) {
	#alegeModal .modal-dialog {
		margin: 10px;
		width: auto;
	}

	#alegeModal .action-buttons {
		flex-direction: column;
	}

	#alegeModal .confirm-btn,
	#alegeModal .cancel-btn {
		width: 100%;
	}

	#alegeModal .details-column {
		flex: 1 0 100%;
	}
}

.contact-btn {
	text-align: center;
	margin-top: 15px;
}

/* Button styling with red gradient */
.button.btn {
	background: linear-gradient(135deg, #e53935, #c62828);
	border: none;
	color: #fff;
	padding: 15px 30px;
	font-size: 18px;
	border-radius: 8px;
	cursor: pointer;
	box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
	transition: transform 0.2s, box-shadow 0.2s;
}

/* Hover effect: enlarges the button and deepens the shadow */
.button.btn:hover {
	transform: scale(1.05);
	box-shadow: 0 6px 20px rgba(0, 0, 0, 0.15);
}

/* Active state: subtle feedback on click */
.button.btn:active {
	transform: scale(0.98);
}

@media (max-width: 510px) {
	.welcome-signal {
		font-size: 22px !important;
	}

	.breadcomb-ctn p {
		font-size: 16px;
	}
}

.subtitlu-cu,
.subtitlu-fara {
	font-size: 13px;
}

.cheapest-label {
	position: absolute;
	bottom: 0;
	right: 0;
	background: #5288ff;
	font-size: 12px;
	color: white;
	padding: 10px;
	transform-origin: bottom right;
	z-index: 2;
	white-space: nowrap;
	box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3);
}

.confirm-btn,
.cancel-btn {
	margin: 10px !important;
	padding: 10px 20px !important;
	border: none;
	cursor: pointer;
}

.confirm-btn:hover {
	background-color: #28a745;
}

.cancel-btn:hover {
	background-color: #6c757d;
}

/* weird non-scrollable mobile  bug*/
.notika-email-post-area {
	padding-bottom: 80px;
	padding-top: 30px;
}

/* Global Styles */
#rca-form {
	font-family: Arial, sans-serif;
	max-width: 600px;
	margin: auto;
}

.form-header {
	text-align: center;
	margin-bottom: 30px;
}

/* Button and Options Styles */
.id-options {
	text-align: center;
	margin-top: 20px;
}

.option-button {
	background-color: #ff0202;
	/* Bright red */
	border: none;
	border-radius: 4px;
	padding: 12px 24px;
	margin: 10px;
	color: white;
	cursor: pointer;
	display: inline-block;
	font-size: 15px;
	transition: background-color 0.3s;
}

.option-button i {
	margin-right: 8px;
}

.option-button:hover {
	background-color: #e60000;
	/* Darker red */
}

.option-text {
	vertical-align: middle;
}

.or-text {
	display: block;
	margin: 20px auto;
	font-weight: bold;
}

.manual {
	background-color: #4c4c4c;
	/* A neutral color for manual entry */
}

.manual:hover {
	background-color: #333;
}

/* Responsive Styles */
@media (max-width: 767px) {
	.option-button {
		width: 90%;
		margin: 10px auto;
		padding: 8px;
	}

	.or-text {
		font-size: larger;
		/* Larger text for readability on mobile */
	}

	.option-button i {
		font-size: 20px;
		/* Larger icons for visibility on mobile */
	}
}

@media (min-width: 768px) and (max-width: 991px) {
	.option-button {
		padding: 15px 20px;
		/* Adjust padding for tablet screens */
		font-size: 18px;
		/* Adjust font size for tablets */
	}

	.option-button i {
		font-size: 24px;
		/* Adjust icon size for tablets */
	}
}

/* Desktop Specific Styles */
@media (min-width: 992px) {
	.id-options {
		display: flex;
		justify-content: center;
		align-items: center;
		flex-wrap: wrap;
	}

	.option {
		margin: 5px;
		/* Adjust margins for desktop */
	}

	.or-divider {
		flex-basis: 100%;
		/* Make sure 'OR' text is on its own line */
		order: 3;
		/* Position the 'OR' divider correctly */
		text-align: center;
		/* Center the 'OR' divider text */
	}

	.lastopt {
		order: 4;
	}

	.manual {
		order: 4;
		/* Position the manual button after the 'OR' divider */
	}
}

/* Modal Footer Styling */
.modal-footer {
	text-align: center;
	padding: 20px;
	background: #f9f9f9;
	border-top: 1px solid #ddd;
	border-radius: 0 0 8px 8px;
	box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
	font-family: Arial, sans-serif;
}

/* Payment Heading */
.modal-footer h4 {
	font-size: 1.6rem;
	color: #333;
	margin-bottom: 15px;
}

.modal-footer h4 strong {
	color: #ff6600;
	/* Accent color for price */
	font-weight: bold;
}

/* Subscription Offer Styling */
.modal-footer h4 span {
	font-size: 0.9rem;
	color: #00a300;
	font-weight: bold;
}

/* Subheading (WhatsApp message) */
.modal-footer #data-warning2 h5 {
	font-size: 1rem;
	color: #666;
	font-weight: normal;
	margin: 0;
	padding: 0;
}

/* Payment Button Styling */
.modal-footer .btn {
	font-size: 1.2rem;
	padding: 10px 25px;
	background-color: #ff4d4d;
	color: #fff;
	border: none;
	border-radius: 50px;
	transition: all 0.3s ease;
	margin-top: 15px;
	cursor: pointer;
	text-transform: uppercase;
	box-shadow: 0 8px 15px rgba(255, 77, 77, 0.3);
}

.modal-footer .btn:hover {
	background-color: #e63939;
	box-shadow: 0 10px 20px rgba(255, 77, 77, 0.5);
	transform: translateY(-3px);
}

.modal-footer .btn:focus {
	outline: none;
	box-shadow: 0 0 10px rgba(255, 77, 77, 0.6);
}

/* Responsive Design for Mobile */
@media (max-width: 500px) {
	.modal-footer h4 {
		font-size: 1.3rem;
	}

	.modal-footer .btn {
		font-size: 1rem;
		padding: 8px 20px;
	}
}

/* Enhanced Styles for Person Selector and Cards */

/* Person selector container */
#person-selector-container {
	margin-bottom: 30px;
	padding: 20px;
	background-color: #f9f9f9;
	border-radius: 8px;
	border-left: 4px solid #e90000;
	box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
}

/* Person selector header */
.saved-persons-header {
	display: inline;
	flex-direction: column;
	margin-bottom: 15px;
	color: #333;
	font-size: 18px;
	font-weight: 600;
}

.saved-persons-header i {
	color: #e90000;
	margin-right: 10px;
}

.saved-persons-subtitle {
	font-size: 14px;
	color: #666;
	font-weight: normal;
	margin-top: 5px;
}

/* Person cards container */
#person-cards-container {
	display: flex;
	flex-wrap: wrap;
	gap: 15px;
	margin-top: 15px;
}

/* Person card */
.person-card {
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 100%;
	padding: 15px;
	background-color: white;
	border-radius: 6px;
	border: 1px solid #e0e0e0;
	transition: all 0.3s ease;
	cursor: pointer;
}

.person-card:hover {
	border-color: #00c292;
	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
	transform: translateY(-2px);
}

.person-card.selected {
	border-color: #00c292;
	background-color: #e8f7f3;
}

/* Person info section */
.person-info {
	flex: 1;
}

.person-name {
	font-weight: 600;
	font-size: 16px;
	color: #333;
	margin-bottom: 5px;
}

.person-details {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	font-size: 13px;
	color: #666;
}

.person-cnp {
	background-color: #f1f1f1;
	padding: 2px 8px;
	border-radius: 20px;
}

.person-location {
	background-color: #e9f7ff;
	padding: 2px 8px;
	border-radius: 20px;
}

/* Person action buttons */
.person-actions {
	display: flex;
	gap: 8px;
}

.select-person-btn {
	background-color: #00c292;
	color: white;
	border: none;
	padding: 8px 16px;
	border-radius: 4px;
	cursor: pointer;
	font-weight: 500;
	transition: background-color 0.2s;
}

.select-person-btn:hover {
	background-color: #00a57d;
}

.delete-person-btn {
	background-color: #f5f5f5;
	color: #f44336;
	border: 1px solid #e0e0e0;
	padding: 8px;
	border-radius: 4px;
	cursor: pointer;
	transition: all 0.2s;
}

.delete-person-btn:hover {
	background-color: #f44336;
	color: white;
	border-color: #f44336;
}

/* No persons message */
.no-persons {
	width: 100%;
	padding: 20px;
	text-align: center;
	color: #666;
	font-style: italic;
	background-color: #f5f5f5;
	border-radius: 4px;
}

/* Autocomplete dropdown styling */
.ui-autocomplete {
	max-height: 250px;
	overflow-y: auto;
	overflow-x: hidden;
	z-index: 9999 !important;
	background: #fff;
	border: 1px solid #ccc;
	border-radius: 6px;
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
	padding: 8px 0;
}

.ui-menu-item {
	padding: 0;
	border-bottom: 1px solid #f1f1f1;
	transition: background-color 0.2s;
}

.ui-menu-item:last-child {
	border-bottom: none;
}

.ui-menu-item-wrapper {
	padding: 12px 16px;
	font-size: 14px;
	color: #333;
	display: block;
}

.ui-menu-item .ui-state-active,
.ui-menu-item-wrapper:hover {
	background-color: #f5f5f5;
	border: none;
	margin: 0;
}

/* Highlight effect for form section when person selected */
.person-selected {
	animation: highlightSection 2s ease;
}

/* Field highlight effect */
.field-highlight {
	animation: highlightField 1.5s ease;
}

/* Responsive styles */
@media (min-width: 768px) {
	.person-card {
		width: calc(50% - 8px);
	}
}

@media (min-width: 992px) {
	.person-card {
		width: calc(50.333% - 10px);
	}
}

/* Animations */
@keyframes highlightField {
	0% {
		background-color: rgba(0, 194, 146, 0.2);
	}

	100% {
		background-color: transparent;
	}
}

@keyframes highlightSection {
	0% {
		background-color: rgba(0, 194, 146, 0.1);
	}

	100% {
		background-color: transparent;
	}
}

/* Notification styling */
.notification {
	position: fixed;
	bottom: 20px;
	right: 20px;
	padding: 15px 20px;
	background-color: white;
	border-radius: 6px;
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
	display: flex;
	align-items: center;
	justify-content: space-between;
	max-width: 350px;
	transform: translateY(100px);
	opacity: 0;
	transition: all 0.3s ease;
	z-index: 10000;
}

.notification.show {
	transform: translateY(0);
	opacity: 1;
}

.notification-success {
	border-left: 4px solid #00c292;
}

.notification-error {
	border-left: 4px solid #f44336;
}

.notification-message {
	font-size: 14px;
	margin-right: 15px;
}

.notification-close {
	background: none;
	border: none;
	font-size: 18px;
	cursor: pointer;
	color: #999;
}

.notification-close:hover {
	color: #333;
}