body {
	font-family: "Inter", sans-serif !important;
}

html {
	scroll-behavior: smooth;
}

/* Google parks the badge at `right: -186px` so only a sliver peeks in, and
   slides it out on hover. As a fixed-position element that is measured against
   the viewport and creates no page overflow -- but the footer newsletter, which
   is where the invisible widget renders, sits inside a transformed reveal
   wrapper, and a transformed ancestor becomes the containing block for fixed
   descendants. The badge was therefore laid out inside the page, and its -186px
   showed up as ~156px of horizontal scroll on every page with the footer.
   It is hidden either way, so pin it flush to its container. */
.grecaptcha-badge {
	visibility: hidden;
	right: 0 !important;
}

/* buttons */

.hf-btn {
	position: relative;
	overflow: hidden;
	cursor: pointer;
	display: inline-flex;
	align-items: center;
	z-index: 0;
	gap: 8px;
	padding: 10px 18px;
	transition: 0.256s all;
	color: white;
	font-weight: 700;
	font-size: 14px;
	height: 40px;
	border-radius: 22px;
	box-shadow:
		0 4px 6px -1px rgb(0 0 0 / 0.1),
		0 2px 4px -2px rgb(0 0 0 / 0.1);
}

.hf-btn:disabled {
	opacity: 0.75;
	pointer-events: none;
}

.hf-btn::after {
	position: relative;
	content: "";
	width: 14px;
	height: 14px;
	background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.1665 10H15.8332' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M10 4.16675L15.8333 10.0001L10 15.8334' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
	background-position: center;
	background-size: 100%;
	flex-shrink: 0;
	transition-duration: inherit;
}

.hf-btn.hf-btn--no-chevron::after {
	display: none;
}

.hf-btn.hf-btn--reverse {
	flex-direction: row-reverse;
}

.hf-btn.hf-btn--reverse::after {
	transform: rotate(180deg);
}

.hf-btn.hf-btn--small {
	padding: 8.5px 18px;
	height: 35px;
}

.hf-btn.hf-btn--large {
	padding: 14.5px 24px;
	height: 50px;
	line-height: 21px;
	border-radius: 24px;
	font-size: 16px;
	border-radius: 32px;
}

.hf-btn.hf-btn--large::after {
	width: 20px;
	height: 20px;
}

.hf-btn.hf-btn--primary {
	background: #0f1235;
}

.hf-btn.hf-btn--primary::before {
	position: absolute;
	content: "";
	width: 100%;
	height: 100%;
	opacity: 0.6;
	background: linear-gradient(129deg,
			rgba(18, 30, 54, 1) 10%,
			rgba(225, 225, 225, 1) 100%);
	left: 0;
	top: 0%;
	transition: 0.3s all;
	transform: translateX(100%);
	z-index: -1;
}

.hf-btn.hf-btn--primary:hover::before {
	transform: translateX(0%);
}

.tagine {
  position: relative;
  border-radius: 21px;
  z-index: 1;
}

.tagine::before {
  content: "";
  position: absolute;
  inset: 0;
  padding: 1.5px; 
  border-radius: 21px;
  background: linear-gradient(90deg, #FFF 0%, #666 100%);
  -webkit-mask: 
    linear-gradient(#fff 0 0) content-box, 
    linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  z-index: -1;
}

.hf-btn.custom-white-btn::after {
	background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.1665 10H15.8332' stroke='%230F1F3D' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M10 4.16675L15.8333 10.0001L10 15.8334' stroke='%230F1F3D' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}
.hf-btn.custom-white-btn {
  background: #fff;
  color: #0F1F3D;
}

.hf-btn.custom-white-btn:hover {
  background: #29d9c4;
  color: #fff;
}

.hf-btn.custom-white-btn::before {
  display: none;
}
.hf-btn.hf-btn--secondary {
	color: #0f1235;
	background: #ffffff;
}

.hf-btn.hf-btn--secondary::after {
	background-image: url("./assets/img/arrow-up-right-circle.svg")
}

.hf-btn.hf-btn--secondary:hover {
	background: #29d9c4;
	color: white;
}

.hf-btn.hf-btn--secondary:hover::after {
	filter: grayscale(1) invert(1);
}

.hf-btn.hf-btn--outline {
	color: #0f1235;
	border: 1px solid rgba(67, 85, 101, 0.23);
	box-shadow: none;
}

.hf-btn.hf-btn--outline::after {
	background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.1665 10H15.8332' stroke='%230F1235' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M10 4.16675L15.8333 10.0001L10 15.8334' stroke='%230F1235' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}

.hf-btn.hf-btn--ghost {
	color: #0f1235;
	padding-left: 0;
	padding-right: 0;
	box-shadow: none;
}

.hf-btn.hf-btn--ghost::after {
	background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.1665 10H15.8332' stroke='%230F1235' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M10 4.16675L15.8333 10.0001L10 15.8334' stroke='%230F1235' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}

.tns-outer [aria-live] {
	display: none;
}

.our-product-tab.selected,
.rp-feature-tab.selected {
	background-color: #0f1235;
	color: white;
}

.platform-button.selected {
	--tw-bg-opacity: 1;
	color: #1c3042;
}

.platform-button.selected img {
	filter: none;
}

.platform-button img {
	filter: grayscale(1) invert(1);
}

/* logo-slider */
/* marquee */

.marquee {
	overflow: hidden;
	white-space: nowrap;
	box-sizing: border-box;
}

.marquee-inner {
	display: inline-block;
	white-space: nowrap;
}

.marquee-inner img {
	display: inline-block;
}

@keyframes marquee {
	0% {
		transform: translateX(0%);
	}

	100% {
		transform: translateX(-50%);
	}
}

@keyframes marqueee-reverse {
	0% {
		transform: translateX(-50%);
	}

	100% {
		transform: translateX(0%);
	}
}

.animate-marquee {
	animation: marquee 30s linear infinite;
}

.animate-marquee.large {
	animation: marquee 50s linear infinite;
}

.animate-marquee.x-large {
	animation: marquee 65s linear infinite;
}

.animate-marquee-reverse {
	animation: marqueee-reverse 30s linear infinite;
}

.animate-marquee-reverse.large {
	animation: marqueee-reverse 50s linear infinite;
}

.animate-marquee-reverse.x-large {
	animation: marqueee-reverse 65s linear infinite;
}

.boxDesign {
	background: #fff;
	padding: 0.5rem 0;
	display: flex;
	align-items: center;
	overflow: hidden;
}

.boxDesign-inner li {
	display: flex;
	align-items: center;
	justify-content: center;
	background: #F6F6F7;
	border-radius: 17px;
	width: 297px;
	height: 136px;
	margin: 0 4px;
	flex-shrink: 0;
	padding: 45px 82px 45px 82px;
}


.boxDesign-inner li img {
	max-height: 64px;
	width: auto;
	object-fit: contain;
}


.slidershade {
	position: relative;
	overflow: hidden;
}

.slidershade::before,
.slidershade::after {
	content: "";
	position: absolute;
	top: 0;
	width: 100px;
	height: 100%;
	z-index: 2;
}

.slidershade::before {
	left: 0;
	background: linear-gradient(270deg, rgba(255, 255, 255, 0.00) 0%, #FFF 100%);
}

.slidershade::after {
	right: 0;
	background: linear-gradient(270deg, #fff 0%, rgba(255, 255, 255, 0.00) 100%);
}



/* home hero page */
.canvas-wrapper {
	width: 100%;
	margin: 0 auto;
	padding-right: 50px;
	display: flex;              
    align-items: center;        
    justify-content: center; 
    height: 100%;
}

.fallback-image {
    position: absolute;
    top: 0;
    left: 0;
    width: 104% ;
    height: 110% !important;
	max-width: none !important;
    transition: opacity 0.6s ease;
	padding-top: 120px;
	padding-bottom: 90px;
	padding-right: 50px;
}


#canvas3d {
	width: 110% !important;
	height: 110% !important;
	display: block;
	pointer-events: none;
}

.main {
	height: 95%;
	bottom: 0;
	right: 0px ;
	padding-top:100px;
	padding-bottom: 42px;
}

.homehero-title {
	font-family: Inter;
	/* font-size: 94px !important; */
	font-size: clamp(52px, min(6.9vw, 10vh), 94px);
	font-style: normal;
	font-weight: 700 !important;
	line-height: 120px !important;
	background: linear-gradient(90deg, #98A8AE 0%, #DFE8EC 33.75%, #98A8AE 67.51%);
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

/* Complexity block: responsive glow layer */
.complexity-glow {
	position: absolute;
	inset: -30px;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	pointer-events: none;
	z-index: 0;
	opacity: 0.9;
	background-image: url('./assets/img/rewards-plus/middle-bg-blur.png');
}

@media (min-width: 480px) {
	.complexity-glow { inset: -50px; }
}

@media (min-width: 768px) {
	.complexity-glow { inset: -70px; }
}

@media (min-width: 1024px) {
	.complexity-glow { inset: -100px; }
}

.rewards-plus-styling{
	font-family: Inter;
	font-size: clamp(32px, min(5.2vw, 7vh), 52px);
	font-style: normal;
	font-weight: 700 !important;
	background: linear-gradient(90deg, #98A8AE 0%, #DFE8EC 33.75%, #98A8AE 67.51%);
	background-clip: text;
}
.weempowercolor {
  color: #C8D3D8;
  width: 100%;
}
.textcontainer3{
	flex: 1;
	display: flex;
	flex-direction: column;
}

@media (min-width: 768px) and (max-width: 1024px) {
  .weempowercolor {
    max-width: 380px;
    width: 100%;
  }
}

@media (min-width: 1024px) {
  .weempowercolor {
    max-width: 550px;
  }
  .textcontainer{
	flex: 1 !important;
  }
  .textcontainer1{
	height: 100% !important;
  }
  .homehero-title {
	font-family: Inter;
	/* font-size: 82px !important; */
	font-style: normal;
	font-weight: 700 !important;
	line-height: 110px !important;
	background: linear-gradient(90deg, #98A8AE 0%, #DFE8EC 33.75%, #98A8AE 67.51%);
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
}

@media (min-width: 1600px) {
    .main {
		padding-top: 150px;
		height: 100%;
		bottom: 0;
		right: -80px ;
		padding-bottom: 142px;
    }
	.fallback-image {
		padding-top: 130px;
		padding-bottom: 190px;
		padding-right: 110px;
		width: 100% !important;
		max-width: none !important;
		height: 100% !important;
	}
	.canvas-wrapper {
		width: 100%;
		margin: 0 auto;
		padding-right: 150px;
	}
	/* .homehero-title{
		font-size: 94px !important;
		margin-bottom: 28px !important;
	} */
}

.partenstext{
	font-size: 32px !important;
}

.herosection{
	background:linear-gradient(114deg, #05081E 0%, #060819 93.87%) !important;
	min-height: 100vh !important;
}
.herosectionrewards{
	background:linear-gradient(114deg, #05081E 0%, #060819 93.87%) !important;
	min-height: 100vh !important;
	box-sizing: border-box !important;
}

@media (max-width: 1023px) {
	.herosection{
		padding-top: 120px !important;
		height: auto !important;
	}
	.herosectionrewards{
		min-height: auto !important;
	}
}

/* Hero tablet: force mobile layout for 768–1023px */
@media (min-width: 768px) and (max-width: 1023px) {
	.herosectionrewards {
		height: auto !important;
		padding-left: 0 !important;
		padding-right: 0 !important;
		padding-bottom: 0 !important;
	}
	.herosectionrewards .textcontainer1,
	.herosectionrewards .textcontainer {
		height: auto !important;
	}
	.herosectionrewards .textcontainer {
		flex-direction: column !important;
	}
	.herosectionrewards .textcontainer > div {
		width: 100% !important;
		text-align: center !important;
		align-items: center !important;
		height: auto !important;
	}
	/* Image div: back to relative in-flow */
	.herosectionrewards > div.md\:absolute {
		position: relative !important;
		width: 100% !important;
		left: 50% !important;
		right: auto !important;
		transform: translateX(-50%) !important;
		aspect-ratio: auto !important;
	}
}

@media (max-width: 1023px) {
	.demoBtn{
		height: 42px !important;
	}

	.boxDesign-inner li {
		padding: 28.908px 64.173px 28.908px 64.208px;
		margin: 0 2px;
		border-radius: 12.81px;
	}

	.canvas-wrapper {
		padding-left: 0px;
		padding-right: 0px;
	}

	#canvas3d {
		width: 100% !important;
		height: 100% !important;
	}

	.main {
		padding-left: 0px;
		padding-bottom: 30px;
		padding-top: 0px;
	}

	.fallback-image {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		object-fit: contain;
		transition: opacity 0.6s ease;
		padding:0px;
	}

	/* .homehero-title {
		font-size: 54px !important;
		line-height: 62px;
	} */
	.partenstext{
		font-size: 20px !important;
	}

}

/* ── Rewards Plus: Launch section ── */
.rp-launch-section {
	min-height: 520px;
}

/* Desktop only: text takes left half */
.rp-launch-text {
	width: 50%;
}

.rp-launch-carousel-wrap-desktop {
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	width: 48%;
	overflow: hidden;
}
.centercarosel{
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: 4px;
}

/* Fade edges so slides blur in/out instead of hard-cutting */
.rp-launch-carousel-wrap-desktop .rp-carousel__viewport,
.rp-launch-carousel-wrap .rp-carousel__viewport {
	-webkit-mask-image: linear-gradient(to right, transparent 0%, black 12%, black 88%, transparent 100%);
	mask-image: linear-gradient(to right, transparent 0%, black 12%, black 88%, transparent 100%);
}

.rp-launch-carousel-wrap .rp-carousel,
.rp-launch-carousel-wrap .rp-carousel__viewport {
	height: 100%;
}

.rp-launch-carousel-wrap .rp-carousel__track {
	height: 100%;
}

.rp-launch-carousel-wrap .rp-carousel__slide {
	height: 100%;
}

.rp-launch-carousel-wrap .rp-carousel__dots {
	display: flex;
	justify-content: center;
	gap: 8px;
	margin-top: 12px;
}

/* Tablet + mobile (below 1024px): full-width stacked layout */
@media (max-width: 1023px) {
	.rp-launch-section {
		min-height: unset;
	}

	.rp-launch-text {
		width: 100%;
	}

	.rp-launch-carousel-wrap {
		position: relative;
		width: 100%;
	}

	.rp-launch-carousel-wrap .rp-carousel,
	.rp-launch-carousel-wrap .rp-carousel__viewport {
		height: 100%;
	}

	.rp-launch-carousel-wrap .rp-carousel__dots {
		margin-top: 12px;
	}
}
/* ── end Launch section ── */

/* ── Rewards Plus: Launch cards grid ── */
.rp-launch-cards {
	display: flex;
	flex-direction: column;
	gap: 1.25rem;
	position: relative;
}
.rp-launch-card {
	flex: 1;
	width: 100%;
	border-radius: 24.371px;
	border: 1.015px solid rgba(255, 255, 255, 0.10);

	background:
		radial-gradient(330.57% 186.33% at -6% -14.65%, rgba(255, 255, 255, 0.13) 0%, rgba(255, 255, 255, 0.00) 100%),
		url("./assets/img/rewards-plus/corrner-bg-glow.webp");

	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;

	backdrop-filter: blur(23.69px);

	padding: 1.75rem 1.5rem;
	display: flex;
	flex-direction: column;
}
@media (min-width: 768px) {
	.rp-launch-cards {
		flex-direction: row;
		align-items: stretch;
		gap: 1.5rem;
	}
}
/* ── end Launch cards grid ── */


.bg-class {
	background-image: url("./assets/img/home/bg-layer-blurr.png");
	background-size: cover;
	background-position: center;
	width: 100%;
	height: 100%;
	margin-bottom: 10px;
}

.bg-class-faq{
	background-image: url("./assets/img/rewards-plus/bottom-blur-bg.png");
	background-repeat: no-repeat;
	background-position: bottom center;
}

.bg-class-rewards-usecases {
	background-image: url("./assets/img/rewards-plus/Vector.webp");
	background-position: center;
	background-repeat: no-repeat;	
}

.bg-class-rewards {
  background-image: 
    url("./assets/img/rewards-plus/right-blur-bg.png"),
    url("./assets/img/rewards-plus/center-blur-bg.png");

  background-repeat: no-repeat, no-repeat;
  background-position:
    top right,     /* right blur */
    center;        /* center blur */
  background-size: 
    /* 40px, */
    150px,
    250px;
}

#hf-header[data-scrolled="true"] {
	/* background: linear-gradient(114deg, #05081E 0%, #060819 93.87%) !important; */
	background: rgba(15, 16, 29, 0.5);
	backdrop-filter: blur(18px);
	-webkit-backdrop-filter: blur(12px);
	transition: all 0.6s ease;
}

.bg-hf-light-secondary-blue {
	background: linear-gradient(114deg, #05081E 0%, #060819 93.87%) !important;
}


/* list styles */

.hf-roman-list {
	list-style-type: upper-roman;
	list-style-type: lower-roman !important;
}

.hf-alpha-list {
	list-style-type: lower-alpha !important;
}

.policy-prose {
	--tw-prose-bullets: #1c3042 !important;
}

.prose .hf-btn>a {
	color: inherit;
}

.prose .wp-block-details {
	border-width: 0 !important;
}

.prose .has-small-font-size {
	font-size: 1rem;
	/* 16px */
	line-height: 1.5rem;
	/* 24px */
}

/* gradient border */

.grad-border-blue-pink {
	position: relative;
	--deg: 207deg;
}

.grad-border-blue-pink:before {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: 0px;
	border-radius: inherit;
	background: linear-gradient(var(--deg),
			rgba(16, 203, 186, 1) 0%,
			rgba(255, 255, 255, 0) 50%,
			rgba(219, 192, 254, 1) 100%);
}

.grad-full.grad-border-blue-pink:before {
	background: linear-gradient(var(--deg),
			rgba(172, 235, 228, 1) 0%,
			rgba(172, 235, 228, 0.5) 25%,
			rgba(219, 192, 254, 0.5) 75%,
			rgba(219, 192, 254, 1) 100%);
}

/* Gradient backgrounds */
.radial-white-bg {
	background: radial-gradient(138.32% 303.85% at -6% -14.65%,
			rgba(255, 255, 255, 0.13) 0%,
			rgba(255, 255, 255, 0) 100%);
	border: 0.9px solid rgba(255, 255, 255, 0.1);
	backdrop-filter: blur(21px);
}

.secondary-gradient-bg {
	background: linear-gradient(129deg,
			rgba(28, 31, 63, 1) 10%,
			rgba(18, 19, 45, 1) 53%,
			rgba(29, 32, 64, 1) 100%);
}

/* slider controls */

.slider-button {
	width: 48px;
	height: 48px;
	padding: 12px;
	transition: 0.2s all;
	border-radius: 50%;
	background: #0f1235;
	color: #0dd1ba;
}

.slider-button:disabled {
	background: #ffffff;
	color: #232323;
	filter: grayscale(1);
}

/* slider nav */
.tns-nav {
	text-align: center;
	margin-top: 32px;
}

.tns-nav>[aria-controls] {
	width: 8px;
	height: 8px;
	padding: 0;
	margin: 0 5px;
	border-radius: 50%;
	background: #ddd;
	border: 0;
	transition: 0.1s all;
}

.tns-nav>.tns-nav-active {
	background: #29d9c4;
	width: 28px;
	border-radius: 29px;
}

.tns-visually-hidden {
	position: absolute;
	left: -10000em;
}

.tns-outer button[data-action="stop"],
.tns-outer button[data-action="start"] {
	display: none;
}

/* Form fields */
.hf-field,
.wpcf7-form p,
.hf-upload-placeholder,
.error-cf7 {
	--hf-error: #f9553e;
	--hf-error-bg: rgba(249, 85, 62, 0.4);
	--hf-border: rgba(67, 85, 101, 0.2);
}

.hf-field.other[data-visible="true"] {
	display: block;
}

.hf-field.other[data-visible="false"] {
	display: none;
}

.hf-field .hf-field__label,
.wpcf7-form p label {
	font-size: 12.6px;
	font-weight: 600;
	margin-bottom: 2px;
}

.hf-field .hf-field__input,
.wpcf7-form p label input {
	padding: 10.8px 16px;
	font-size: 14px;
	font-weight: 400;
	line-height: 1.6;
	border: 1px solid var(--hf-border);
	color: #051c31;
	border-radius: 8px;
	background: white;
	width: 100%;
}

.hf-field .hf-field__select,
.wpcf7-form p label select {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background-image: url("data:image/svg+xml,%3Csvg width='15' height='15' viewBox='0 0 15 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.5992 5.5L7.39922 9.7L3.19922 5.5' stroke='%23435565' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
	background-position: right 16px center;
	background-repeat: no-repeat;
	padding-right: 48px;
}

.hf-field .hf-field__input.hf-field__input--margin {
	scroll-margin-top: calc(24px + 86px);
}

.scrollto-mt {
	scroll-margin-top: 68px;
}

@media (min-width: 768px) {
	.hf-field .hf-field__input.hf-field__input--margin {
		scroll-margin-top: calc(24px + 124px);
	}

	.scrollto-mt {
		scroll-margin-top: 106px;
	}
}

.hf-field .hf-field__message {
	display: none;
	margin-top: 2px;
	color: var(--hf-error);
}

.hf-field .hf-field__label[data-error="true"] {
	color: var(--hf-error);
}

.hf-field:has(input:required) .hf-field__label::after {
	position: relative;
	content: "*";
	color: var(--hf-error);
}

.wpcf7-form {
	--hf-form-gap: 18px;
	display: flex;
	flex-direction: column;
	gap: var(--hf-form-gap);
}

.wpcf7-form p span.required {
	color: var(--hf-error);
}

.wpcf7-form p span.optional {
	font-weight: 400;
}

.wpcf7-form .row {
	display: flex;
	flex-direction: col;
	gap: var(--hf-form-gap);
}

.wpcf7-form .col-half {
	width: 100%;
}

.success-cf7 {
	padding: 16px;
	border-radius: 8px;
	border-width: 1px;
	background: #e0ffc7;
}

.error-cf7 {
	padding: 16px;
	border-radius: 8px;
	border-width: 1px;
	border-color: var(--hf-error);
	background: var(--hf-error-bg);
}

.success-cf7 a {
	text-decoration: underline;
}

@media (min-width: 768px) {
	.wpcf7-form .col-half {
		width: 50%;
	}
}

.hf-field .hf-field__option {
	display: flex;
	align-items: center;
	gap: 8px;
	position: relative;
	padding: 12px 14px;
	border-radius: 8px;
	background: #f6f9fc;
	border: 1px solid var(--hf-border);
	font-size: 12.6px;
	line-height: 1.6;
}

.hf-field .hf-field__option input {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
	cursor: pointer;
}

.hf-field .hf-field__option .checkmark {
	display: block;
	position: relative;
	flex-shrink: 0;
	border-radius: 50%;
	transition: 0.1s all;
	border: 2px solid rgba(15, 18, 53, 0.3);
	background: transparent;
	width: 18px;
	height: 18px;
}

.hf-field .hf-field__option .checkmark::after {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	background-image: url('data:image/svg+xml,<svg width="11" height="9" viewBox="0 0 11 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1.19531 4.44704L3.84237 7.0941L9.13649 1.79998" stroke="white" stroke-width="2.2" stroke-linecap="round"/></svg>');
	background-size: 11px 9px;
	background-position: center;
	background-repeat: no-repeat;
	width: 100%;
	height: 100%;
	opacity: 0;
}

.hf-field .hf-field__option input:checked~.checkmark {
	border: 2px solid #29d9c4;
	background: #29d9c4;
}

.hf-field .hf-field__option input:checked~.checkmark::after {
	opacity: 1;
}

.hf-upload-placeholder {
	display: flex;
	font-size: 14px;
	font-weight: 400;
	flex-direction: column;
	gap: 0.5rem;
	padding: 24px;
	border: 2px dashed var(--hf-border);
	background: white;
	color: #435565;
	text-align: center;
	border-radius: 10px;
}

.hf-upload-placeholder>div>p {
	margin: 0;
	padding: 0;
}

.hf-upload-placeholder::before {
	position: relative;
	content: "";
	width: 60px;
	height: 60px;
	margin: 0 auto;
	background-repeat: no-repeat;
	background-image: url("data:image/svg+xml,%3Csvg width='58' height='58' viewBox='0 0 58 58' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='28.6504' cy='29.3359' r='28.5' fill='%23F6F9FC'/%3E%3Cpath d='M29.1539 38.335L29.1499 29.335M37.4089 34.993C38.2097 34.4299 38.8101 33.6263 39.1232 32.6988C39.4363 31.7713 39.4456 30.7682 39.1499 29.835C38.5434 27.92 36.6849 26.8705 34.6764 26.8725H33.5159C33.2391 25.7927 32.7209 24.7898 32.0003 23.9394C31.2798 23.0889 30.3756 22.4129 29.356 21.9625C28.3364 21.512 27.2279 21.2987 26.1139 21.3387C25 21.3787 23.9096 21.6709 22.9249 22.1933C21.9402 22.7158 21.0869 23.4548 20.4292 24.3547C19.7714 25.2547 19.3265 26.2922 19.1278 27.389C18.9291 28.4858 18.9818 29.6134 19.282 30.6869C19.5822 31.7604 20.1221 32.7518 20.8609 33.5865' stroke='%230F1235' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M32.3328 31.6527L29.1508 28.4707L25.9688 31.6527' stroke='%230F1235' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}

.hf-upload-placeholder b {
	color: #051c31;
}

/* Form fields ends */

/* modal */

.modal-container {
	display: none;
	position: fixed;
	background-color: rgba(0, 0, 0, 0.5);
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 1001;
}

.modal-container .modal {
	background-color: #fff;
	border-radius: 0rem;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
	position: absolute;
	overflow: hidden;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	max-width: 100%;
}

.modal-container .close-btn {
	position: absolute;
	z-index: 1;
	top: 4px;
	right: 4px;
	padding: 10px;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='lucide lucide-x'%3E%3Cpath d='M18 6 6 18'/%3E%3Cpath d='m6 6 12 12'/%3E%3C/svg%3E");
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	border: 0;
	width: 32px;
	height: 32px;
	cursor: pointer;
}

.modal-container.open-modal {
	display: block;
}

/* rotate card */
.hf-r-card {
	transform-style: preserve-3d;
	transition: transform 1.2s;
}

.hf-r-card .back {
	position: absolute;
	top: 0;
	backface-visibility: hidden;
}

.hf-r-card .front {
	background: linear-gradient(329.29deg, #dbfaf6 11.51%, #ffffff 49.81%);
}

@media (min-width: 768px) {
	.hf-r-card .front {
		background: transparent;
	}

	.hf-r-card .back>div {
		background: linear-gradient(329.29deg, #dbfaf6 2%, #ffffff 49.81%);
	}

	.hf-r-card:hover .front {
		transform: rotateY(180deg);
	}

	.hf-r-card:hover .back {
		transform: rotateY(180deg);
	}
}

/* Newsletter */

.hf-btn .sib-default-btn {
	cursor: pointer;
}

.prose .hf-newsletter-section .container {
	padding: 0;
}

@media (min-width: 768px) {
	.prose .hf-newsletter-section .signup-title {
		font-size: 1.25rem;
		line-height: 1.75rem;
	}

	.prose .hf-newsletter-section .signup-subtext {
		font-size: 0.875rem;
		line-height: 1.25rem;
	}

	.prose .hf-newsletter-section .signup-updates {
		font-size: 1.125rem;
		line-height: 1.75rem;
	}

	.prose .hf-newsletter-section .social-links a {
		width: 32px;
		height: 32px;
	}
}

/* Newsletter end*/
/* Footer: Cerebra comparison sub-links */
.footer-sublinks {
	display: flex;
	flex-direction: column;
	gap: 10px;
	font-size: 12px;
	line-height: 1;
	opacity: 0.85;
}
.footer-sublinks a {
	padding-left: 12px;
}