.wpcf7-submit {
	margin-top: 20px;
}

.lottieClass {
	width: 489.18px;
	height: 490.5px;
	overflow: hidden;
}

@media (max-width: 768px) {
	.lottieClass {
		width: 100%;
		height: 100%;
		margin-bottom: 15px;

	}
}

.tenders-land-ico {
	width: 50px;
}

.tenders-land-ico2 {
	width: 40px;
}

.tenders-land-ico3 {
	width: 70px;
}

#sticky-tenders {
	top: 50%;
	position: sticky;
	margin-top: 200px;
	margin-bottom: 60%;
}

.image-container {
	margin-top: 100px;
}

:root {
	--size: clamp(10rem, 1rem + 40vmin, 30rem);
	--gap: calc(var(--size) / 3);
	--duration: 25s;
	--scroll-start: 0;
	--scroll-end: calc(-100% - var(--gap));
}

.marquee {
	display: flex;
	overflow: hidden;
	user-select: none;
	gap: var(--gap);
	mask-image: linear-gradient(var(--mask-direction, to right),
			hsl(0 0% 0% / 0),
			hsl(0 0% 0% / 1) 20%,
			hsl(0 0% 0% / 1) 80%,
			hsl(0 0% 0% / 0));
}

.marquee__group {
	flex-shrink: 0;
	display: flex;
	height: 80px;
	align-items: center;
	justify-content: space-around;
	gap: var(--gap);
	min-width: 100%;
	animation: scroll-x var(--duration) linear infinite;
}

@media (prefers-reduced-motion: reduce) {
	.marquee__group {
		animation-play-state: paused;
	}
}

.marquee--vertical {
	--mask-direction: to bottom;
}

.marquee--vertical,
.marquee--vertical .marquee__group {
	flex-direction: column;
}

.marquee--vertical .marquee__group {
	animation-name: scroll-y;
}

.marquee--reverse .marquee__group {
	animation-direction: reverse;
	animation-delay: -3s;
}

@keyframes scroll-x {
	from {
		transform: translateX(var(--scroll-start));
	}

	to {
		transform: translateX(var(--scroll-end));
	}
}

@keyframes scroll-y {
	from {
		transform: translateY(var(--scroll-start));
	}

	to {
		transform: translateY(var(--scroll-end));
	}
}

.wrapper-logos {
	display: flex;
	flex-direction: column;
	gap: var(--gap);
	margin: auto;
	max-width: 100vw;
}

@keyframes fade {
	to {
		opacity: 0;
		visibility: hidden;
	}
}

@media screen and (min-width: 999px) {
	.mobile-content {
		display: none;
	}
}

@media screen and (max-width: 1000px) {
	.desktop-content {
		display: none;
	}

	.tenderland-sec {
		margin-top: 100px;
	}
}

.trackerlogin {
	padding: 20px;
	border-radius: 10px;
	width: 360px;
	margin: 10px auto;
}

.trackerlogin #log,
.trackerlogin #pwd {
	background-color: white;
	padding: 0;
	height: 1.8rem;
	border: none !important;
	border-bottom: 1px solid gray !important;
	margin-bottom: 5px;
	width: 100%;
	padding: 10px;
	border: 1px solid #ccc;
	border-radius: 3px;
	margin-bottom: 10px;
}

.mepr-form-input {
	background-color: #ff666600 !important;
}

.promocard {
	position: relative;
	box-shadow:
		0px 1px 12px 5px rgb(55 84 170 / 0.1),
		-7px -7px 20px #ffffff00,
		0 0 4px rgba(255, 255, 255, 0.1),
		7px 7px 15px #fff0,
		-5px -20px 0px 20px #fff0,
		0 0 4px #fff0;
	border-radius: 25px;
	margin: 0 auto 20px auto;
	border-style: none !important;
	background-color: #fff;
}


.mepr_price {
	display: none;
}

.mepr-submit {
	height: 30px;
	vertical-align: middle;
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 10px;
	background: var(--k-orange);
	overflow: hidden;
	border: none;
	color: #fff;
	padding: 0px 15px;
}

.mepr-form-input {
	padding: 5px !important;
	border-top: none !important;
	border-right: none !important;
	border-left: none !important;
}

.mepr_spacer {
	display: none;
}

.mepr-form input.invalid,
.mepr-form select.invalid,
.mepr-form textarea.invalid,
.mepr-form label.mepr-checkbox-field.invalid,
.mepr-form div.mepr-checkboxes-field.invalid,
.mepr-form div.mepr-radios-field.invalid {

	background-color: #ff666600 !important;
}

.trial-card {
	color: white;
	border: none;
	overflow: hidden;
	border-radius: 0;
	transition: transform 0.2s, box-shadow 0.2s;
}

.trial-card:hover {
	transform: scale(1.02);
	box-shadow: 0 8px 20px rgba(0, 0, 0, 0.2);
}

.trial-card .btn {
	background-color: #fff;
	border-radius: 50px;
	padding: 10px 20px;
	font-weight: bold;
}

.trial-card .btn:hover {
	background-color: #e6e6e6;
	color: #5F80CF;
}

.trial-card .card-title {
	font-size: 1.75rem;
	font-weight: bold;
}

.trial-card .card-text {
	font-size: 1.1rem;
}

/* New styles for trial badge and benefits */
.trial-badge {
	display: inline-block;
	background: linear-gradient(135deg, #28a745, #20c997);
	color: white;
	padding: 8px 16px;
	border-radius: 25px;
	font-size: 0.9rem;
	font-weight: 600;
	margin-bottom: 15px;
	box-shadow: 0 2px 8px rgba(40, 167, 69, 0.3);
}

.trial-benefits {
	display: flex;
	flex-wrap: wrap;
	gap: 15px;
	margin-top: 15px;
}

.trial-benefits-mobile {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	justify-content: center;
	margin-top: 10px;
}

@media (max-width: 768px) {
	.trial-benefits {
		flex-direction: column;
		align-items: center;
	}
}

.trial-benefit-item {
	display: flex;
	align-items: center;
	gap: 6px;
	color: #000000ff;
	font-size: 0.95rem;
	font-weight: 500;
}

.trial-benefit-item i {
	font-size: 1.1rem;
}

.cta-emphasis {
	background: linear-gradient(135deg, var(--k-orange), #e65d02ff);
	border: none;
	box-shadow: 0 4px 15px rgba(255, 134, 61, 0.4);

}

.cta-emphasis:hover {
	transform: translateY(-2px);
	box-shadow: 0 6px 20px rgba(255, 134, 61, 0.5);
}

/* Scroll to Top Button for Free Trial */
.scroll-to-trial {
	position: fixed;
	bottom: 30px;
	right: 30px;
	z-index: 1000;
	display: none;
	background: linear-gradient(135deg, var(--k-orange), #e65d02ff);
	color: white !important;
	text-decoration: none;
	border: none;
	border-radius: 50px;
	padding: 15px 25px;
	font-weight: 600;
	font-size: 0.95rem;
	box-shadow: 0 4px 20px rgba(255, 134, 61, 0.4);
	cursor: pointer;
	transition: all 0.3s ease;
	animation: fadeInUp 0.4s ease;
	align-items: center;
	justify-content: center;
	gap: 8px;
}

.scroll-to-trial:hover {
	transform: translateY(-3px);
	box-shadow: 0 6px 25px rgba(255, 134, 61, 0.6);
	color: white !important;
}

.scroll-to-trial i {
	font-size: 1.1rem;
}

.scroll-to-trial.show {
	display: flex;
}

@keyframes fadeInUp {
	from {
		opacity: 0;
		transform: translateY(20px);
	}

	to {
		opacity: 1;
		transform: translateY(0);
	}
}

/* Mobile adjustments */
@media (max-width: 768px) {
	.scroll-to-trial {
		bottom: 20px;
		right: 20px;
		padding: 12px 20px;
		font-size: 0.85rem;
	}
}

/* FAQ Accordion Styles */
.faq-section {
	background-color: #fafcff;
	padding: 60px 0;
}

.accordion-item {
	border: none;
	margin-bottom: 15px;
	border-radius: 10px;
	overflow: hidden;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
}

.accordion-button {
	background-color: white;
	color: #333;
	font-weight: 600;
	font-size: 1.1rem;
	padding: 20px 25px;
	border: none;
}

.accordion-button:not(.collapsed) {
	background-color: var(--k-orange);
	color: white;
	box-shadow: none;
}

.accordion-button:focus {
	box-shadow: none;
	border: none;
}

.accordion-button::after {
	filter: brightness(0);
}

.accordion-button:not(.collapsed)::after {
	filter: brightness(0) invert(1);
}

.accordion-body {
	padding: 20px 25px;
	font-size: 1rem;
	line-height: 1.6;
	background-color: white;
}
