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

html {
	scroll-behavior: smooth;
}

.grecaptcha-badge {
	visibility: hidden;
}

/* 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%);
}

.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 {
	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;
}

.gifimage{
	width: 140% !important;
	max-width: 110% ;
}

.homehero-title {
	font-family: Inter;
	font-size: 94px !important;
	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;
}

.strategic {
	color: rgba(200, 211, 216, 0.80);
	font-family: Inter;
	font-size: 18px;
	font-style: normal;
	font-weight: 300;
	line-height: 28px;
}

.weempowercolor {
  color: #C8D3D8;
  width: 100%;        
}

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

@media (min-width: 1024px) {
  .weempowercolor {
    max-width: 550px;
  }
  .textcontainer{
	height: 100% !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;
	height: 100vh !important;
}

@media (max-width: 768px) {
	.herosection{
		padding-top: 120px !important;
		height: auto !important;
	}
	.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;
	}

}

.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;
}

#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*/