/*************   General Classes   *************/
html {
  scroll-behavior: smooth;
}
body{
	font-family: "Manrope", sans-serif !important;
	transition: background 0.3s, color 0.3s;
	position: relative;
}
body, * {
  cursor: none !important;
}
.custom-cursor {
  position: fixed;
  top: 0;
  left: 0;	
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: rgba(0, 84, 240, 0.90); 
  pointer-events: none;
  z-index: 99999999999;
  transform: translate(-50%, -50%);
  transition: transform 0.1s ease, box-shadow 0.2s ease;
}
.custom-cursor.hovering {
	width: 61px;
  height: 61px;
  background: url('img/hover-cursor.png');
  background-size: cover; 
  transition: transform 0.1s ease, width 0.2s ease, height 0.2s ease;
}
.general-title{
	color: #fff;
	font-size: 40px;
	font-weight: 700;
	display: inline-block;
	background: linear-gradient(90deg, #FFF 44.98%, #00CFFD 115.06%);
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
.parent-btn{
	border-radius: 100px;
	background: radial-gradient(277.99% 277.27% at 49.69% 277.27%, #0042BB 0%, #040813 100%);
	min-width: 163px;
	padding: 9px 20px;
	text-align: center;
	font-size: 16px;
	font-weight: 400;
	color: #fff;
	transition: background 0.4s ease;
	border: none;
	overflow: hidden;
	position: relative;
	&:after {
	  content: "";
	  position: absolute;
	  inset: 0;
	  top: 0px;
	  border: 1px solid #004FE14D;
	  border-radius: 100px;
	  z-index: 0;
	}
	&:hover{
		background: linear-gradient(0deg, #00CFFD -39.77%, #0054F0 43.98%, rgba(0, 145, 247, 0.00) 126.14%);
	}
}
.flex-prop{
	display: flex;
	align-items: center;
}
a{
	text-decoration: none !important;
}
.general-img-container{
  width: 100%;
  overflow: hidden;
  position: relative;
	img{
	  width: 100%;
	  height: 100%;
	  object-fit: contain;
	  display: block;
	  position: relative;
	}
}
.general-txt{
	color: #A3AAB4;
	font-size: 16px;
}

/*************   content style   *************/
.marquee__inner {
  animation: marquee-ltr 20s linear infinite;
}
@keyframes marquee-ltr {
  0% {
    transform: translateX(0%);
  }
  100% {
    transform: translateX(-50%);
  }
}

/* RTL override */
[dir="rtl"] .marquee__inner {
  animation: marquee-rtl 20s linear infinite;
  direction: rtl;
}

[dir="rtl"] .marquee__group {
  flex-direction: row-reverse;
}

/* RTL animation */
@keyframes marquee-rtl {
  0% {
    transform: translateX(0%);
  }
  100% {
    transform: translateX(50%);
  }
}

.product-video{
	width: 100%;
	height: 100%;
}
.left-shapes{
	top: -37px;
  left: 11px;
}
.right-shapes{
	top: 0;
  right: 0;
}
.shapes {
  display: block;
  position: absolute;
	z-index: 9999;
}
.main-wrapper{
  background: radial-gradient(circle at 33% -23%, rgba(0, 66, 187, 0.22) 0%,
   rgba(0, 66, 187, 0.12) 15%,
   rgba(11, 26, 56, 0.06) 30%, transparent 45%),
   linear-gradient(90deg, #000919 0%, #000919 100%);
	padding: 60px 0 50px; 
}
header{
	border-bottom: 1px solid rgba(255, 255, 255, 0.20);
	box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.10);
	backdrop-filter: blur(7.5px);
	background: radial-gradient(circle at 33% -23%, rgba(0, 66, 187, 0.22) 0%,
   rgba(0, 66, 187, 0.12) 15%,
   rgba(11, 26, 56, 0.06) 30%, transparent 45%),
   linear-gradient(90deg, #000919 0%, #000919 100%);
	padding: 30px 0 20px; 
	position: fixed;
  top: 0;
  right: 0;
  left: 0;
  z-index: 99999;
  width: 100%;
  will-change: backdrop-filter, background;
  transition: background 0.1s ease, backdrop-filter 0.1s ease;
  backdrop-filter: blur(0px);
  -webkit-backdrop-filter: blur(0px);
}
#header.scrolled {
  background: linear-gradient(90deg, rgba(0, 9, 25, 0.85), rgba(0, 9, 25, 0.85));
  backdrop-filter: blur(15px);
  -webkit-backdrop-filter: blur(15px);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
}
.header-wrapper{
	justify-content: space-between;
	.menu-wrapper{
    padding-left: 108px;
		li{
			margin-right: 30px;
			&:last-child{
				margin-right: 0;
			}
			a{
				color: #fff;
				font-size: 16px;
				font-weight: 400;
				position: relative;
  			display: inline-block;
  			cursor: pointer;
  			z-index: 100000;
  			&:after {
				  content: "";
				  position: absolute;
				  left: 0;
				  bottom: -5px;
				  width: 100%;
				  height: 5px;
				  background: url('img/border-bottom.svg') no-repeat left center;
				  background-size: 0% 100%;
				  transition: background-size 0.4s ease;
				}
				&:hover, &.active{
					&:after {
					  background-size: 100% 100%;
					}
				}
			}
		}
	}
	.actions-wrapper{
		.switch-lang{
			min-width: 44px;
			padding: 9px;
			margin:  0 10px;
		}
	}
}
.menu-btn{
	display: inline-block;
  font-size: 16px;
  cursor: pointer;
}
.customerExp-content{
	position: relative;
  z-index: 9999;
	text-align: center;
	margin: 0 auto;
	max-width: 778px;
	.customerExp-title{ 
		color: #fff;
		font-size: 64px;
		margin-bottom: 40px;
		font-weight: 600;
	}
	.customerExp-txt{
		color: rgba(255, 255, 255, 0.80);
		font-size: 18px;
		font-weight: 500;
		margin-bottom: 40px;
	}
}
.arrow-btn{
	margin-right: 5px;
}
.custom-title{
	display: inline-block;
	background: linear-gradient(90deg, #FFF 10.58%, #00AAD0 64.42%, #0054F0 100%);
  background-size: 200% 100%;
  background-position: 0% 0;
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  animation: floatGradient 3s linear infinite;
}
@keyframes floatGradient {
  from {
    background-position: 0% 0;
  }
  to {
    background-position: 70% 0;
  }
}
.gov-wrapper{
	padding: 80px 0 0;
	.gov-title{
		font-size: 17px;
		color: #8D95A4;
		font-weight: 600;
	}
}
.govTitle-box{
	border-right: 2px solid #8D95A4;
	padding-right: 20px;
	margin-right: 20px; 
}
.gov-content{
  gap: 60px;
  img{
  	max-height: 80px;
  }
}
.gov-marquee{
	overflow: hidden;
}
.product-wrapper{
	background-color: #000919;
	position: relative;
	padding: 50px 0;
	.product-title{
		margin-bottom: 20px;
	}
	.product-txt{
		color: rgba(255, 255, 255, 0.80);
		font-size: 20px;
		margin: 0 auto 71px;
		max-width: 610px;
	}
}
.marquee {
  overflow: hidden;
  width: 100%;
  box-sizing: border-box;
}
.marquee {
  overflow: hidden;
  position: relative;
}
.marquee__inner {
  display: flex;
  width: max-content;
  animation: marquee 15s linear infinite;
  will-change: transform;
}
.marquee__group {
  display: flex;
  align-items: center;
  gap: 40px;
  margin-left: 40px;
}
.marquee__inner img {
  display: block;
  max-height: 80px;
  object-fit: contain;
  user-select: none;
  pointer-events: none;
}
.marquee:hover .marquee__inner,
.marquee:focus-within .marquee__inner {
  animation-play-state: paused;
}
@keyframes marquee {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-50%);
  }
}
@media (prefers-reduced-motion: reduce) {
  .marquee__inner {
    animation: none;
  }
}
@media (max-width: 600px) {
  .marquee__group {
    gap: 18px;
  }
  .marquee__inner img {
    max-height: 54px;
  }
}
.about-section{
	position: relative;
	background-color: #000919;
	padding: 50px 0;
	.general-title{
		margin-bottom: 40px;
	}
	.about-wrapper{
		display: flex;
		align-items: center;
		position: relative;
        z-index: 9;
		.txt{
	    padding: 40px;
			color: rgba(255, 255, 255, 0.80);
			font-size: 20px;
			position: relative;
			z-index: 1;
			&:before {
		    content: "";
		    position: absolute;
		    inset: 0;
		    border: 1px solid rgba(255, 255, 255, 0.2); 
		    border-radius: 40px;
		    pointer-events: none;
		    z-index: -1;
		    clip-path: polygon(
		      0% 0, 69% 0%, 39% 100%, 0 100%, 0% 100%, 0 100%
		    );
		  }
		  &:after {
		    content: "";
		    position: absolute;
		    inset: 0;
		    /*border-radius: 40px;*/
		    clip-path: polygon(
		       19% 0%, 100% 0%, 100% 100%, 72px 100%, 0% 100%, 48% 100%
		    );
		    box-shadow: 0 4px 25px 0 rgba(62, 62, 62, 0.05);
		    z-index: -2;
		  }
		}
	}
}
.about-img{
	aspect-ratio: 496/364;
	border-radius: 40px;
	padding: 30px;
	background: linear-gradient(340deg, rgba(4, 14, 36, 0.00) 0%, rgba(4, 19, 49, 0.00) 42.11%, rgba(6, 93, 255, 0.20) 105.93%, #00CFFD 119.07%);
	box-shadow: 0 4px 25px 0 rgba(62, 62, 62, 0.05);
	border: 2px solid rgba(255, 255, 255, 0.1); 
	img{
		object-fit: cover;
		border-radius: 30px;
	}
}
.aboutUs-features{
	margin-top: 40px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	li{
		margin-bottom: 20px;
    display: flex;
    align-items: center;
		&:after{
			content: '';
			display: inline-block;
			width: 2px;
			height: 119px;
			background: linear-gradient(165deg, rgba(255, 255, 255, 0.10) 12.54%, rgba(255, 255, 255, 0.04) 78.86%);
			margin: 0 60px;
		}
		&:last-child{
			&:after{
				display: none;
			}
		}
	}
}
.aboutUs-box{
	text-align: center;
	.counter-number{
		color: #fff;
		font-size: 60px;
		font-weight: 600;
		margin-bottom: 10px;
	}
	.counter-label{
		color: rgba(255, 255, 255, 0.40);
		font-size: 20px;
		font-weight: 500;
    white-space: nowrap;
	}	
}
.blogs-section{
	padding: 50px 0;
	background-color: #000919;
	.blog-txt{
		color: rgba(255, 255, 255, 0.80);
		font-size: 18px;
		max-width: 574px;
		margin: 20px auto 40px;
	}
}
.inner-blog-img{
	aspect-ratio: 1180/577;
	margin-bottom: 30px;
	img{
		object-fit: cover;
		object-position: center;
		border-radius: 22px;
		max-height: 577px;
	}
}
.blog-card{
	transition: transform 0.3s ease, box-shadow 0.3s ease;
	border-radius: 30px;
	box-shadow: 0 4px 25px 0 rgba(62, 62, 62, 0.05);
	border: 2px solid rgba(255, 255, 255, 0.1);
	position: relative;
	margin-bottom: 30px;
	background: 
		linear-gradient(72deg, rgba(4, 14, 36, 0.00) -0.17%,
	 	rgba(4, 19, 49, 0.00) 41.81%,
	 	rgba(6, 93, 255, 0.20) 105.42%,
	 	#00CFFD 118.52%);
	.blog-img{
		aspect-ratio: 392/176;
		img{
			object-fit: cover;
			object-position: center top;
		}
	}
	.blog-tags{
		justify-content: space-between;
		margin-bottom: 7px;
		min-height: 42px;
	}
	.blog-header{
		border-radius: 30px 30px 0 0;
		padding: 20px;
		.blog-badge{
			font-weight: 600;
			border-radius: 26px;
			min-width: 36px;
			padding: 3px 12px;
			color: #fff;
			font-size: 12px;
			background-color: rgba(0, 84, 240, 0.40);
			text-align: center;
		}
		.blog-date{
			color: rgba(255, 255, 255, 0.80);
			font-size: 14px;
			font-weight: 400;
			margin-left: 15px;
		}
	}
	.title{
		color: #fff;
		font-size: 20px;
		font-weight: 600;
		min-height: 66px;
	}
	.blog-body{
		padding: 20px 20px 40px;
    border-radius: 0 0 30px 30px;
		.txt{
			font-size: 16px;
			color: rgba(255, 255, 255, 0.70);
			margin-bottom: 15px;
			font-weight: 500;
			display: -webkit-box;
		  -webkit-line-clamp: 4;
		  -webkit-box-orient: vertical;
		  overflow: hidden;
		}
	}
	&:hover{
		transform: translateY(-10px);
		.read-btn{
			background: linear-gradient(55deg, #00CFFD 9.22%, #0054F0 111.22%);
			background-clip: text;
			-webkit-background-clip: text;
			-webkit-text-fill-color: transparent;
			.arrow-btn{
				display: none;
			}
			.arrow-btn-hover{
				display: inline-block;
			}
		}
	}
}
.read-btn{
	position: absolute;
	bottom: 20px;
	color: #fff;
	display: inline-block;
	font-size: 14px;
	font-weight: 700;
	&:hover{
		background: linear-gradient(55deg, #00CFFD 9.22%, #0054F0 111.22%);
		background-clip: text;
		-webkit-background-clip: text;
		-webkit-text-fill-color: transparent;
		.arrow-btn{
			display: none;
		}
		.arrow-btn-hover{
			display: inline-block;
		}
	}
}
.read-all-btn{
	color: #fff;
	display: inline-block;
	font-size: 14px;
	font-weight: 500;
	&:hover{
		background: linear-gradient(55deg, #00CFFD 9.22%, #0054F0 111.22%);
		background-clip: text;
		-webkit-background-clip: text;
		-webkit-text-fill-color: transparent;
	}
}
.btn-container{
	margin-top: 30px;
}
.msg-btn-wrapper{
	text-align: end;
}
input::placeholder {
  font-size: 12px;
  line-height: 1;
}
.contactUs-section{
	padding: 50px 0;
	position: relative;
	z-index: 0;
	background-color: #000919;
  .general-title{
  	margin-bottom: 40px;
  }
	.contactUs-content{
		position: relative;
		z-index: 100000;
		.contactUs-txt{
			color: rgba(255, 255, 255, 0.80);
			font-size: 20px;
			font-weight: 500;
			margin-bottom: 65px;
		}
	}
}
.contact-icon{
	background: linear-gradient(72deg, rgba(4, 14, 36, 0.00) -0.17%, rgba(4, 19, 49, 0.00) 41.81%, rgba(6, 93, 255, 0.20) 105.42%, #00CFFD 118.52%);
	box-shadow: 0 4px 25px 0 rgba(62, 62, 62, 0.05);
	justify-content: center;
	color: #fff;
	border-radius: 50%;
	width: 48px;
	height: 48px;
	padding: 5px;
	border: none;
	overflow: hidden;
	position: relative;
	&:after {
	  content: "";
	  position: absolute;
	  inset: 0;
	  top: 0px;
	  border: 2px solid rgba(255, 255, 255, 0.1);
	  border-radius: 50%;
	  z-index: 0;
	}
	&:hover{
		background: linear-gradient(0deg, #00CFFD -39.77%, #0054F0 43.98%, rgba(0, 145, 247, 0.00) 126.14%);
	}
}
.contact-info-wrapper{
	.contact-icon{
		&:hover{
			background: linear-gradient(72deg, rgba(4, 14, 36, 0.00) -0.17%, rgba(4, 19, 49, 0.00) 41.81%, rgba(6, 93, 255, 0.20) 105.42%, #00CFFD 118.52%);
		}
	}
}
.contact-info-wrapper{
	li{
		margin-bottom: 28px;
	}
	.contact-infoBox{
		margin-left: 16px;
		.contact-tit{
			font-weight: 500;
			margin-bottom: 5px;
			color: rgba(255, 255, 255, 0.50);
			font-size: 16px;
		}
		.contact-link{
			color: rgba(255, 255, 255, 0.80);
			font-size: 20px;
			&:hover{
				color: #00CFFD;
			}
		}
	}
}
.contact-card{
	border: 2px solid rgba(255, 255, 255, 0.1);
	background: linear-gradient(72deg, rgba(4, 14, 36, 0.00) -0.17%, rgba(4, 19, 49, 0.00) 41.81%, rgba(6, 93, 255, 0.20) 105.42%, #00CFFD 118.52%);
	box-shadow: 0 4px 25px 0 rgba(62, 62, 62, 0.05);
	border-radius: 40px;
	padding: 40px;
	position: relative;
	z-index: 10;
}
.input-field{
	margin-bottom: 20px;
	input, .form-select, textarea.form-control{
		border-radius: 13px;
		border: 1px solid rgba(212, 213, 216, 0.10);
		background-color: #000919;
		color: rgba(255, 255, 255, 0.40);
		font-size: 15px;
		padding: 10px 16px;
    font-family: 'Arial', 'Tahoma', sans-serif;
	}
}
input::placeholder, textarea::placeholder{
	color: rgba(255, 255, 255, 0.40) !important;
}
.form-check{
	.form-check-input:focus{
		box-shadow: none;
	}
	.form-check-input{
		background-color: rgba(255, 255, 255, 0.06) !important;
  	border-color: rgba(255, 255, 255, 0.06) !important;
	}
	.form-check-label{
		font-size: 14px;
		color: #fff;
	}
}
.form-check-input:checked{
	background-color: rgba(255, 255, 255, 0.06) !important;
  border-color: rgba(255, 255, 255, 0.06) !important;
}
.form-control:focus, .form-select:focus{
	box-shadow: none !important;
	color: rgba(255, 255, 255, 0.40) !important;
  background-color: rgba(212, 213, 216, 0.10) !important;
}
.form-label{
	color: #fff;
	margin-bottom: 9px !important;
	font-size: 16px;
}
.footer-description{
	color: rgba(255, 255, 255, 0.80); 	
	font-size: 16px;
	font-weight: 500;
	margin: 29px 0 45px;
}
.social-media{
	display: flex;
	align-items: center;
	li{
		margin-right: 12px;
		&:last-child{
			margin-right: 0;
		}
	}
	.media-icon{
		border-radius: 50%;
		justify-content: center;
		width: 40px;
		height: 40px;
		background: rgba(255, 255, 255, 0.90);
		color: #0054F0;
	}
}
footer{
	padding: 50px 0;
	background-color: #000919;
	.footer-block-title{
		color: #fff;
		font-size: 18px;
		margin-bottom: 25px;
		font-weight: 500;
	}
	.footer-links{
		li{
			margin-bottom: 20px;
			&:last-child{
				margin-bottom: 0;
			}
		}
		.footer-item{
			color: rgba(255, 255, 255, 0.70);
			font-size: 15px;
			&:hover{
				color: #00CFFD;
			}
		}
	}
}
.dividor{
	margin: 80px 0 33px;
	border-top: 1px solid #E5E7EB;
	opacity: 1;
}
.footer-bottom{
	justify-content: space-between;
	.footer-policy{
		a{
			margin-right: 24px;
			color: #A3AAB4;
			font-size: 16px;
			font-weight: 400;
			display: inline-block;
			&:last-child{
				margin-right: 0;
			}
			&:hover{
				color: #00CFFD;
			}
		}
	}
}
#requestDemoModal{
	--bs-modal-zindex: 100000;
}
#thankModal, #contactModal{
  --bs-modal-zindex: 100000;
	.modal-dialog{
		max-width: 1114px;
	}
	.modal-header{
    padding-top: 8px;
    padding-bottom: 4px;
	}
	.modal-body{
		padding: 28px;
		padding-top: 3px;
		border-radius: 24px;
	}
	margin-top: 37px;
	.modal-content{
		border-radius: 24px;
		background: #000919;
		box-shadow: 0 -4px 13.7px 0 rgba(0, 0, 0, 0.20), 0 4px 8.3px 0 rgba(0, 0, 0, 0.25);
		position: relative;
		overflow: hidden;
		min-height: 530px;
	}
	.modal-dialog{
		max-width: 1060px;
	}
	.modal-body{
		padding: 0 28px 50px;
		display: flex;
		align-items: center;
		justify-content: center;
	}
	.form-check {
    margin-top: 30px;
    .form-check-label{
    	font-size: 16px;
    }
  }
}
.thank-wrapper{
	min-width: 858px;
	display: flex;
	align-items: center;
	text-align: center;
	gap: 20px;
	flex-direction: column;
}
.thank-msg-tit{
	background: linear-gradient(90deg, rgba(0, 84, 240, 0.40) 0%, #0054F0 100%);
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	font-weight: 800;
	font-size: 50px;
}
.thank-box{
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
}
.thank-msg-2{
	color: #fff;
	font-size: 21px;
	margin-bottom: 20px;
	font-weight: 400;
	max-width: 788px;
	text-align: center;
}
.msg-dividor{
	border-top: 2px solid rgba(255, 255, 255, 0.20);
	margin: 40px 0;
  width: 100%;
}
.thank-msg{
	color: #FEFEFE;
	font-size: 30px;
	font-weight: 700;
  margin-top: 10px;
}
.close-btn{
	background: 
		linear-gradient(72deg, rgba(4, 14, 36, 0.00) -0.17%,
	 	rgba(4, 19, 49, 0.00) 41.81%, 
	 	rgba(6, 93, 255, 0.20) 105.42%, 
	 	#00CFFD 118.52%);
	margin: 3px 8px 0 auto;
	width: 44px;
	border-radius: 50%;
	height: 44px;
	display: flex;
	align-items: center;
	justify-content: center;
	border: none;
	overflow: hidden;
	position: relative;
	&:after {
	  content: "";
	  position: absolute;
	  inset: 0;
	  top: 0px;
	  border: 1px solid rgba(255, 255, 255, 0.1);
	  border-radius: 50%;
	  z-index: 0;
	}
	&:hover{
		background: linear-gradient(0deg, #00CFFD -39.77%, #0054F0 43.98%, rgba(0, 145, 247, 0.00) 126.14%);
	}
}
/* 🔹 Hide the event details on booking page */
.calendar-wrapper .calendly-event-type-details {
  display: none !important;
}

/* 🔹 Hide the “30 Minute Meeting” header text */
.calendar-wrapper .calendly-event-type-name {
  display: none !important;
}

/* 🔹 Hide the purple dot + duplicate title on confirmation */
.calendar-wrapper .calendly-event-type-icon {
  display: none !important;
}
.modal-backdrop{
  background-color: #1C2432 !important;
}
#waitlistModal{
	--bs-modal-zindex: 100000;
	.modal-dialog{
		max-width: 1260px;
	}
	.modal-content{
		border-radius: 20px;
		background-color: #000919;
	}
	.modal-body{
		padding: 0;
	}
}
.waitlist-wrapper{
	display: flex;
	.content-wrapper{
		border-radius: 19px;
		background-color: #000919;
		backdrop-filter: blur(7px);
		padding: 70px 40px;
		max-width: 527px;
    position: relative;
		&:after{
			content: '';
      display: inline-block;
			background-color: #000919;
			border-radius: 20px;
			position: absolute;
			top: 0;
			right: 0;
			height: 100%;
			width: 30px;
		}
		.waitlist-title{
			color: #FEFEFE;
			font-weight: 700;
			font-size: 40px;
			margin-bottom: 40px;
      max-width: 465px;
		}
		.waitlist-txt{
			color: #FEFEFE;
			font-weight: 400;
			font-size: 20px;
			margin-bottom: 41px;
		}
	}
	.waitlist-txt-wrapper{
		border-radius: 12px;
		background: rgba(3, 91, 254, 0.16);
		padding: 20px;
		margin-bottom: 87px;
		.waitlist-txt-2{
			color: #FEFEFE;
			font-size: 16px;
			font-weight: 400;
		}
	}
	.waitlist-notes{
		margin-bottom: 84px;
		li{
			margin-bottom: 18px;
			display: flex;
			align-items: flex-start;
		}
	}
	.check-icon{
	  width: 15px;
	  height: 14px;
	  margin-right: 11px;
    flex-shrink: 0;
	}
	.note{
		color: #fff;
		font-size: 16px;
		font-weight: 400;
	}
	/*.waitlist-box{
		border-radius: 20px;
		border: 2px solid rgba(255, 255, 255, 0.1);
		background: linear-gradient(82deg, rgba(4, 14, 36, 0.00) -7.48%, rgba(4, 19, 49, 0.00) 43.9%, rgba(6, 93, 255, 0.30) 121.77%, #00CFFD 137.8%);
		box-shadow: 0 4px 25px 0 rgba(62, 62, 62, 0.05);

		width: 200px;
		flex-direction: column;
		text-align: center;
		padding: 19px 10px;
		&:first-child{
			margin-right: 16px;
		}
		.icon{
			color: #fff;
			margin-bottom: 16px;
			font-size: 24px;
		}
		.txt{
			color: #fff;
			font-size: 14px;
		}
	}*/
	.clients-wrapper{
		display: flex;
		align-items: center;
		gap: 28px;
		img{
			flex-shrink: 0;
		}
	}

	.form-wrapper{
		border-radius: 20px;
		background: rgba(0, 38, 255, 0.07);
		backdrop-filter: blur(7px);
		padding: 20px 40px 70px;
	
		.form-tit{
			font-size: 25px;
			color: #fff;
			font-weight: 600;
			margin-bottom: 30px;
		}
		/*.form-block{
			margin-bottom: 38px;
		}*/
		.form-label{
			margin-bottom: 11px;
		}
	}
	.close-btn{
    margin: 0 -20px 6px auto;
	}
}
.waitlist-footer{
	margin-top: 20px;
	display: flex;
	align-items: center;
  justify-content: space-between;
  .form-check{
  	margin-right: 15px;
  }
}
.custom-row{
	--bs-gutter-x: 30px !important;
}
.btn-close:focus{
	box-shadow: none !important;
}
.custom-tit-2{
	background: linear-gradient(90deg, rgba(0, 84, 240, 0.40) 0%, #0054F0 100%);
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	font-weight: 800;
	font-size: 45px;
	margin: 0 1px;
}
.inner-page-header{
  background-color: #000919;
  margin-top: 95px;
	padding: 40px 0 20px;
}
.page-body{
	padding: 20px 0 90px;
  background-color: #000919;
}
.inner-page-body{
	padding: 160px 0 60px;
	background: radial-gradient(circle at 33% -23%, rgba(0, 66, 187, 0.22) 0%,
   rgba(0, 66, 187, 0.12) 15%,
   rgba(11, 26, 56, 0.06) 30%, transparent 45%),
   linear-gradient(90deg, #000919 0%, #000919 100%);
}
.pager-wrapper{
	margin-top: 65px;
	.pagination{
		justify-content: center;
	}
	.page-link{
		margin-right: 8px;
		border-radius: 6px;
		box-shadow: none !important;
		color: #374151;
	}
}
.product-tabs{
	position: relative;
	z-index: 5;
	display: flex;
  justify-content: center;
	gap: 60px;
	border-bottom: 2px solid rgba(255, 255, 255, 0.10);
	padding-bottom: 7px;
	width: max-content;
	margin: 0 auto;
	.tab {
	  cursor: pointer;
	  position: relative;
	  color: rgba(255, 255, 255, 0.30);
	  font-size: 18px;
	  font-weight: 500;
	  &.active {
      color: #fff;
      font-weight: 600;
       &:after {
        content: "";
			  position: absolute;
			  left: 0;
			  bottom: -10px;
			  height: 4px;
			  border-radius: 15px;
			  width: 0;
			  background: 
			    linear-gradient(104deg, rgba(255, 255, 255, 0.00) -42.57%,
			    rgba(119, 245, 220, 0.00) -15.11%, 
			    #00CFFD 83.2%, 
			    #0054F0 131.42%);
			  animation: underline var(--video-duration, 5s) linear forwards;
	    }
    }
	}
}    
@keyframes underline {
  from { width: 0; }
  to { width: 100%; }
}
.module-desktop{
	display: flex;
}
.module-mobile{
	display: none;
}
.product-content {
  display: none;
  margin-top: 40px;
  animation: fadeIn 0.6s;
  color: #fff;
  &.active {
    display: block;
  }
}
@keyframes fadeIn {
  from { opacity: 0; transform: translateY(10px);}
  to { opacity: 1; transform: translateY(0);}
}
.tab-body{
	position: relative;
	z-index: 10;
	display: flex;
	align-items: center;
}
.video-wrapper {
	position: relative;
	z-index: 5;
	margin-right: 40px;
	/*border-radius: 40px;
	border: 2px solid rgba(255, 255, 255, 0.10);
	background: linear-gradient(72deg, rgba(4, 14, 36, 0.00) -0.17%, rgba(4, 19, 49, 0.00) 41.81%, rgba(6, 93, 255, 0.20) 105.42%, #00CFFD 118.52%);
	box-shadow: 0 4px 25px 0 rgba(62, 62, 62, 0.05);
	padding: 30px;*/
  width: 100%;
  height: 424px;      
  display: flex;
  align-items: center;
  justify-content: center;
}
.video-wrapper iframe {
  width: 100%;
  height: 100%;
  border: none;
  border-radius: 40px;
}
.productContent-box{
	padding: 40px;
	max-width: 431px;
	display: flex;
	justify-content: center;
	flex-direction: column;
	min-height: 424px;
	position: relative;
	z-index: 1;
	&:before {
    content: "";
    position: absolute;
    inset: 0;
    border: 1px solid rgba(255, 255, 255, 0.2); 
    border-radius: 40px;
    pointer-events: none;
    z-index: -1;
    clip-path: polygon(
      12% 0%, 100% 0%, 100% 100%, 72px 100%, 0% 100%, 48% 100%
    );

  }
  &:after {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: 40px;
    clip-path: polygon(
       19% 0%, 100% 0%, 100% 100%, 72px 100%, 0% 100%, 48% 100%
    );
    box-shadow: 0 4px 25px 0 rgba(62, 62, 62, 0.05);
    z-index: -2;
  }
	.product-tit{
		color: #fff;
		font-size: 20px;
		font-weight: 600;
		margin-bottom: 20px;
	}
	.product-description{
		font-size: 20px;
		color: rgba(255, 255, 255, 0.80);
		margin-bottom: 50px;
	}
}
.demo-btn{
	max-width: 165px;
}
.video-circle{
	width: 250px;
	height: 250px;
	background-color: rgba(0, 84, 240, 0.10);
	border-radius: 50%;
	position: absolute;
	top: -30px;
	right: -91px;
	z-index: -1;
}
#calendly-embed{
  height: 408px !important;
  iframe{
  	border-radius: 30px;
  }
}
.highlighted-txt{
	background-color: #0054F0;
	color: #fff;
	padding: 0 3px 2px;
	border-radius: 6px;
}
.demo-wrapper{
	display: flex;
	.demo-imgWrapper{
		width: 50%;
		.demo-img{
			aspect-ratio: 730/931;
			img{
				object-fit: fill;
			}
		}
	}
	.demo-content{
		position: relative;
		padding: 10px 20px 20px;
		width: 50%;
    border-radius: 0 21px 21px 0;
	}
	.demo-txt{
		font-size: 19px;
		color: #fff;
		margin-bottom: 18px;
	}
	.demo-txt-2{
		margin-bottom: 20px;
		color: #fff;
		font-size: 16px;
	}
}
.filled-txt{
	font-weight: 600;
}
.demoModal{
	max-width: 950px !important; 
	.close-btn{
		margin: 3px -2px 15px auto;
    width: 30px;
    height: 30px;
	}
	.modal-content{
		border-radius: 24px;
		background: #000919;
		box-shadow: 0 -4px 13.7px 0 rgba(0, 0, 0, 0.20), 0 4px 8.3px 0 rgba(0, 0, 0, 0.25);
	}
	.modal-body{
    border-radius: 24px;
	}
}
.calendar-wrapper{
	border-radius: 30px;
	background-color: #fff;
}
.home-body{
	min-height: 100vh;
	background: radial-gradient(circle at 33% -23%, rgba(0, 66, 187, 0.22) 0%, rgba(0, 66, 187, 0.12) 15%, rgba(11, 26, 56, 0.06) 30%, transparent 45%), linear-gradient(90deg, #000919 0%, #000919 100%);
	padding-top: 94px;
}
.header-menu {
	position: static !important;
	.dropdown-menu {
		width: calc(100% - 20px) !important;
    transform: translate3d(10px, 79px, 0px) !important;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.10);
    backdrop-filter: blur(7.5px);
    background: radial-gradient(circle at 33% -23%, rgba(0, 66, 187, 0.22) 0%, rgba(0, 66, 187, 0.12) 15%, rgba(11, 26, 56, 0.06) 30%, transparent 45%), linear-gradient(90deg, #000919 0%, #000919 100%);
    border: 0;
    min-height: 100vh;
		text-align: center;
		li{
	    &:last-child{
	    	.dropdown-item{
	    		border-bottom: 0;
	    	}
	    }
		}
		.dropdown-item{
			padding: 12px 30px;
      text-align: start;
      color: #fff;
	    &:hover{
	    	background: radial-gradient(277.99% 277.27% at 49.69% 277.27%, #0042BB 0%, #040813 100%);
	    	color: #fff;
	    }
		}
	}
}
.footer-jc-center{
	justify-content: center;
}
.blogTitle{
	font-size: 40px;
	color: #fff;
	font-weight: 700;
	margin-bottom: 13px;
}
.blog-content-wrapper{
	padding-top: 50px;
	background-color: #1F1F1F;
}
.blog-outline{
	padding: 30px 0;
  background-color: #181818;
}
.blog-outline-content{
	font-size: 16px;
	color: #fff;
	font-weight: 400;
	display: flex;
	align-items: center;
}
.dot-icon{
	display: inline-block;
	width: 6px;
	height: 6px;
	max-width: 6px;
	background-color: rgba(255, 255, 255, 0.60);
	border-radius: 50%;
	margin: 0 15px; 
}
.blogBadge{
	margin-bottom: 20px;
	display: inline-block;
	border-radius: 100px;
	border: 0 solid #FFF;
	background-color: rgba(0, 84, 240, 0.40);
	padding: 3px 15px;
	min-width: 52px;
	span{
		background: linear-gradient(63deg, #00CFFD -58.51%, #FFF 97.89%);
		background-clip: text;
		-webkit-background-clip: text;
		-webkit-text-fill-color: transparent;
	}
	&:hover{
		background: rgba(0, 84, 240, 0.40);	
	}
}
.listed-txt{
	margin-top: 10px;
	li{
  	padding-left: 24px;
  	display: flex;
  	align-items: baseline;
    margin-bottom: 6px;
  	&:before{
  		content: '';
  		display: inline-block;
  		width: 6px;
  		flex-shrink: 0;
			height: 6px;
			background-color: rgba(255, 255, 255, 0.60);
			border-radius: 50%;
			margin-right: 10px;
  	}
	}
}
.share-btn{
	border-radius: 100px;
	background: linear-gradient(72deg, rgba(4, 14, 36, 0.00) -0.17%, rgba(4, 19, 49, 0.00) 41.81%, rgba(6, 93, 255, 0.20) 105.42%, #00CFFD 118.52%);
	display: flex;
	align-items: center;
	justify-content: center;
  min-width: 113px;
  padding: 9px 20px;
  color: #fff;
  font-weight: 600;
  font-size: 16px;
  cursor: pointer;
  transition: background 0.4s ease;
	border: none;
	overflow: hidden;
	position: relative;
	display: none;
  &:hover{
    background: linear-gradient(0deg, #00CFFD -39.77%, #0054F0 43.98%, rgba(0, 145, 247, 0.00) 126.14%);
  }
	img{
    filter: grayscale(1) invert(0);
	}
}
.blog-outline-wrapper{
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 33px;
}
.share-menu{
	transform: translate(0, 41px) !important;
	border-radius: 21px !important;
	background: linear-gradient(124deg, #000919 15.66%, #01153A 75.09%);
	min-width: 203px !important;
	padding: 20px !important;
	transition: background 0.4s ease;
	border: 1px solid rgba(255, 255, 255, 0.1) !important;
	background-color: transparent !important;
	.dropdown-item{
    color: #fff;
    font-size: 15px;
    font-weight: 400;
    padding: 7px 15px;
    img{
    	margin-right: 10px;
    }
    &:hover, &:focus{
    	background: linear-gradient(0deg, #00CFFD -39.77%, #0054F0 43.98%, rgba(0, 145, 247, 0.00) 126.14%) !important;
      color: #fff; 
    }
	}
	.copy-link{
		padding-bottom: 11px;
		margin-bottom: 15px;
		border-bottom: 1px solid rgba(151, 151, 151, 0.20);
	}
}
.blogView-txt{
	font-size: 14px;
	color: #fff;
	margin-left: 12px;
}
.blogOutline-title{
	color: #fff;
	font-size: 24px;
	font-weight: 500;
	margin-bottom: 13px;
}
.blogOutline-txt{
	color: rgba(255, 255, 255, 0.70);
	font-size: 16px;
}
.blogOutline-block{
	margin-bottom: 30px;
}
.dividor-2{
	border-color: #979797;
	margin: 40px 0;
}
.relatedBlogs-wrapper{
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 44px;
	.relatedBlogs-txt{
		color: #fff;
		font-weight: 500;
		font-size: 28px;
	}
}
.align-img{
	text-align: end;
}
.tools-bg{
	position: absolute;
	width: 789px;
	top: 127px;
	z-index: 2;
	right: 34px;
	overflow: hidden;
}
.about-bg{
	position: absolute;
	height: 335px;
	top: 127px;
	z-index: 2;
	right: 34px;
	overflow: hidden;
}
.contact-bg{
	position: absolute;
	height: 407px;
	top: 127px;
	z-index: 2;
	right: 0;
	overflow: hidden;
}
body.dark{

	/*.accordion-button:not(.collapsed)::after{
		background-image: ;
	}
	.accordion-button::after{
		background-image: ;
	}*/

	.light-marquee{
		display: none !important;
	}
	.dark-marquee{
		display: flex;
	}
	.light-demo{
  	display: none;
  }
  .dark-demo{
  	display: inline-block;
  }
  .dark-word{
  	display: inline-block;
  }
  .light-word{
		display: none;
  }
}
body.light{
	#thankModal, #contactModal{
		.modal-content{
			background-color: #F5F9FF;
		}
		.thank-msg{
			color: rgba(65, 75, 94, 0.80);
		}
		.msg-dividor{
			border-color: rgba(65, 75, 94, 0.80);
		}
		.thank-msg-2{
			color: rgba(65, 75, 94, 0.80);
		}
		.close-btn{
			img{
				filter: invert(1);
			}
		}
	}
	.header-menu {
    .dropdown-menu{
    	background: radial-gradient(circle at 33% -23%, rgba(0, 66, 187, 0.22) 0%, rgba(0, 66, 187, 0.12) 15%, rgba(11, 26, 56, 0.06) 30%, transparent 45%), linear-gradient(90deg, #F5F9FF 0%, #F5F9FF 100%);
	    .dropdown-item{
	    	color: #000;	
	      &:hover{
	      	background: #0042BB;
	      	color: #fff;
	      }
	    }
    }
  }
	.animated-btn-wrapper{
		.glow-border {
			filter: blur(4px);
		}
		.border-path{
      stroke: #0054f0;
      stroke-width: 5px;
		}
	}
	
	.productContent-box {
    &:before{
      border: 1px solid rgba(0, 84, 240, 0.10);
    }
  }
  .about-wrapper .txt{
    &:before {
    	border: 1px solid rgba(0, 84, 240, 0.10);
    }
   }
  .aboutUs-features li{
    &:after{
    	background: rgba(0, 84, 240, 0.10);
    } 
  }
	header{
		border-bottom: 1px solid rgba(18, 18, 27, 0.10);
		box-shadow: none;
		background: radial-gradient(circle at 33% -23%, rgba(0, 66, 187, 0.22) 0%,   rgba(0, 66, 187, 0.12) 15%,   rgba(11, 26, 56, 0.06) 30%, transparent 45%),   linear-gradient(90deg, #F5F9FF 0%, #F5F9FF 100%);
	}	
	.inner-page-body{
		background: radial-gradient(circle at 33% -23%, rgba(0, 66, 187, 0.22) 0%,   rgba(0, 66, 187, 0.12) 15%,   rgba(11, 26, 56, 0.06) 30%, transparent 45%),   linear-gradient(90deg, #F5F9FF 0%, #F5F9FF 100%);
	}
	.blogBadge{
		background-color: rgba(0, 84, 240, 0.10);
	}
	.blogTitle{
		color: #414B5E;
	}
	.blog-outline-content{
		color: #414B5E;
	}
	.dot-icon{
		background-color: #414B5E;
	}
	.listed-txt li{
    &:before{
   	 background-color: rgb(78 73 73 / 60%);
    }
  }
  .read-all-btn{
    color: #414b5e;
  }
	.close-btn{
		border-color: #065DFF1A !important;
	}
	.demoModal {
    .modal-content{
    	background: #F5F9FF;
    }
  }
	.waitlist-wrapper {
    .content-wrapper {
   		&:after{
   			background: rgba(0, 84, 240, 0.10);
   		}
    }
  }
	.video-wrapper{
		/*background: linear-gradient(72deg, rgba(4, 14, 36, 0.00) -0.17%, rgba(4, 19, 49, 0.00) 41.81%, rgba(6, 93, 255, 0.10) 118.52%);*/
		border-color: #065DFF1A;
	}
	.customerExp-txt{
		color: rgba(65, 75, 94, 0.80);
	}
	.relatedBlogs-wrapper{
		.relatedBlogs-txt{
			color: #000;
		}
	}
  .footer-links {
    .footer-item {
      color: #0054f0;
      &:hover{
      	color: #0054F0 !important;
      }
    }
	}
	.blog-outline, .blog-content-wrapper{
		background-color: #fff;
	}
	.blogOutline-title{
		color: #414B5E;
	}
	.blogOutline-txt{
		color: rgba(65, 75, 94, 0.70);
	}
	.blog-card{
		box-shadow: 0 3px 2px 0 rgba(0, 0, 0, 0.05);
	}
	.inner-page-header{
		background-color: #F5F9FF;
	}
	.page-body{
		background-color: #F5F9FF;
	}
	.blog-txt{
		color: #868686;
	}
	.dark-word{
  	display: none;
  }
  .light-word{
		display: inline-block;
  }
	.parent-btn, .switch-lang{
		border: 0.7px solid rgba(0, 84, 240, 0.05);
		background: #0054F0 !important;
		color: #fff;
		&:hover{
			background: linear-gradient(0deg, #00CFFD -48.86%, #0054F0 100%) !important;
		}
	}
	.header-wrapper {
    .menu-wrapper {
      li{
      	a{
      		color: #414B5E !important;
      		&:hover, &.active{
      			color: #0054F0 !important;
      		}
      	}
   	 	}
  	}
	}
	.main-wrapper{
		background: radial-gradient(circle at 33% -23%, rgba(0, 66, 187, 0.22) 0%,   rgba(0, 66, 187, 0.12) 15%,   rgba(11, 26, 56, 0.06) 30%, transparent 45%),   linear-gradient(90deg, #F5F9FF 0%, #F5F9FF 100%);
	}
	.customerExp-title{
		color: #0054F0 !important;
	}
	.custom-title{
		background: linear-gradient(90deg, #00AAD0 60.1%, rgba(0, 84, 240, 0.40) 80%, #0054F0 100%);
		background-size: 200% 100%;
	  background-position: 100% 0;
	  background-clip: text;
	  -webkit-background-clip: text;
	  -webkit-text-fill-color: transparent;
		animation: revealGradient 3s ease forwards infinite;
	}
	@keyframes revealGradient {
	  from {
	    background-position: 100% 0;
	  }
	  to {
	    background-position: 0% 0;
	  }
	}
	.gov-wrapper{
		background-color: rgba(0, 84, 240, 0.00);
		.gov-title{
			color: #878C91 !important;
		}
	}
	.light-marquee{
		display: flex;
	}
	.dark-marquee{
		display: none !important;
	}
	.product-wrapper{
		background-color: #F5F9FF !important;
		.product-txt{
			color: #868686 !important;
		}
	}	
  .general-title{
  	background: linear-gradient(90deg, #00AAD0 0%, #0054F0 100%);
		background-clip: text;
		-webkit-background-clip: text;
		-webkit-text-fill-color: transparent;
  } 	     
  .product-card{
  	.product-card-header{
  		.tit{
  			color: #12121B;
  		}
  	}
  }
  .product-tabs {
    .tab {
    	color: rgba(65, 75, 94, 0.60) !important;
      &.active{
      	color: #414B5E !important;
      }
    }
  }
  .product-content{
  	color: #12121B !important;
  }
  .productContent-box{
  	.product-tit{
  		color: #12121B;
  	}
  	.product-description{
  		color: rgba(18, 18, 27, 0.60) !important;
  	}
  }
  .about-section{
  	background-color: #F5F9FF;
  	.about-wrapper{
  		.txt{
  			color: rgba(18, 18, 27, 0.60);
  		}
  	}
  }
  .aboutUs-box{
  	.counter-number{
  		color: #414B5E;
  	}
  	.counter-label{
  		color: rgba(18, 18, 27, 0.60);	
  	}
  }
  .general-title{
    &:before{
      background-color: #00CFFD;
    }
    &:after{
      background-color: #0054F0;
    }
  }
  .contact-icon{
  	background: linear-gradient(72deg, rgba(4, 14, 36, 0.00) -0.17%, rgba(4, 19, 49, 0.00) 41.81%, rgba(6, 93, 255, 0.10) 118.52%) !important;
  	border-color: #065DFF1A !important;
  	box-shadow: none;
  	color: #0054F0;
  }
  .contactUs-txt{
  	color: rgba(65, 75, 94, 0.80) !important;
  }
  .blogs-section{
  	background-color: #F5F9FF;
  	.blog-txt{
  		color: #868686;
  	}
  }	
  .blog-card{
    border: 2px solid #065DFF33;
    .title{
    	color: #414B5E;
    }
  	.blog-date{
  		color: #6B7280 !important;
  	}
  	.blog-body {
  		.title{
  			color: #1F2937;
  		}
  		.txt{
  			color: #4B5563;
  		}
  	}
  }	
  .read-btn{
  	color: #414B5E;
  	img{
  		filter: invert(1);
  	}
  	&:hover{
  		background: linear-gradient(55deg, #00CFFD 9.22%, #0054F0 111.22%);
			background-clip: text;
			-webkit-background-clip: text;
			-webkit-text-fill-color: transparent;
			.arrow-btn-hover{
				display: inline-block;
			}
			.arrow-btn{
				display: none;
			}
			img{
  		filter: invert(0);
  	}
			
  	}
  }
  .contactUs-section{
  	background-color: #F5F9FF;
  }
  .contact-infoBox{
  	.contact-tit{
  		color: #1F2937;
  	}
  	.contact-link{
  		color: #4B5563;
  	}
  }
  .form-label{
  	color: #374151;
  }
  .input-field{
  	input, .form-select, textarea.form-control{
	    border: 1px solid #D4D5D8;
	    background-color: #fff;
	    color: #ADAEBC !important;
  	}
  }
  input::placeholder{
		color: #ADAEBC !important;
	}
	textarea::placeholder{
		color: #ADAEBC !important;
	}
	footer{
		background-color: #fff;
	}
	.footer-description{
		color: #4B5563;
	}
	.social-media {
    .media-icon{
    	background-color: #0054F0;
    	border-color: #0054F0;
    	color: #fff;
    }
  }
  .footer-block-title{
  	color: #1F2937;
  }
  .footer-links {
    .footer-item {
    	color: #4B5563;
    }
  }
  .general-txt{
  	color: #4B5563;
  }
  .footer-policy {
  	a{
  		color: #4B5563;
  	}
  }
  .light-demo{
  	display: inline-block;
  }
  .dark-demo{
  	display: none;
  }
  .demo-content{
  	background-color: #F5F9FF;
  	.demo-txt, .demo-txt-2{
  		color: #2D2B2B !important;
  	}
  }
  footer{
  	background-color: #F5F9FF;
  }
  #waitlistModal{
  	.modal-content{
  		background-color: #F5F9FF;
  	}
  	.waitlist-title, .waitlist-txt, .note, .form-tit	{
  		color: #12121B;
  	}
  	.check-icon{
  		color: #0054F0;
  		border: 1px solid #A9C1EC;
  		border-radius: 50%;
  	}
  	.waitlist-box{
  		.icon, .txt{
  			color: #4B5563;
  		}
  	}
  }
  .modal-header .btn-close{
  	filter: none !important;
  }
  .form-check {
    .form-check-label {
    	color: #12121B;
    }
  }
  .form-check-input{
  	border-color:  #D4D5D8 !important;
  	&:checked{
  		background-image: url('img/input_check.svg');
  	}
  }
}
.form-check-label, .form-check-input{
	cursor: pointer;
}
.arrow-btn-hover{
	display: none;
}
.animated-btn-wrapper {
  position: relative;
  display: inline-block;
  border-radius: 26px;
	.glow-border {
		filter: blur(4px);
	  position: absolute;
		top: -7px;
		left: -6px;
		width: calc(100% + 12px);
		height: calc(100% + 13px);
	  pointer-events: none;
	  z-index: 1;
	}
	.border-path {
	  fill: none;
	  stroke: url(#glowGradient);
	  stroke-width: 3;
	  stroke-linecap: round;
	  filter: url(#glowFilter);
	  stroke-dasharray: 128.67 643.33;
	  stroke-dashoffset: 0;
	  animation: segmentStepMove 6s linear infinite; 
	}
}
.module-content-mobile{
	display: none;
}
@keyframes segmentStepMove {
  from {
    stroke-dashoffset: 0;
  }
  to {
    stroke-dashoffset: -772; 
  }
}
#products, #about_us, #blogs, #contact_us{
	scroll-margin-top: 45px;
}
.product-wrapper{
	.accordion-button::after{
		display: none;
	}	
}
.blog-sidebar::-webkit-scrollbar {
  width: 6px;
}
.blog-sidebar::-webkit-scrollbar-thumb {
  background: rgba(255,255,255,0.2);
  border-radius: 3px;
}
.blogContent-wrapper{
	/*padding-right: 388px;*/
}
.blog-wrapper{
	display: flex;
	gap: 30px;
	position: relative;
}
.blog-sidebar{
	position: sticky; 
	top: 60px; 
	align-self: start; 
	z-index: 5;
	max-height: calc(100vh - 24px); 
	overflow: auto; 
	background: inherit;
  width: 358px;
  padding: 35px 23px;
  flex-shrink: 0;
  border-radius: 0;
  transition: all 0.3s ease;
  overflow-y: auto; 
  scrollbar-width: thin; 
  scrollbar-color: rgba(255,255,255,0.2) transparent;
background: linear-gradient(72deg, rgba(4, 14, 36, 0.00) -0.17%, rgba(4, 19, 49, 0.00) 41.81%, rgba(6, 93, 255, 0.20) 105.42%, #00CFFD 118.52%);
	.sidebar-block{
		margin-bottom: 26px;
		padding-bottom: 26px;	
		border-bottom: 2px solid rgba(255, 255, 255, 0.10);
	}
}
.sidebar-blog{
	display: flex;
  align-items: center;
	gap: 10px;
  margin-bottom: 18px;
	.sidebarBlog-img{
		width: 60px;
    height: 55px;
    object-fit: cover;
		border: 1px solid #2e73f3;
		flex-shrink: 0;
	}
	.sidebarBlog-content{
		display: flex;
		flex-direction: column;
	}
	.sidebarBlog-txt{
		display: flex;
		align-items: center;
		font-size: 12px;
		color: #fff;
		margin-top: 4px;
	}
}
.sidebarBlog-title{
	font-size: 14px;
	font-weight: 500;
	color: #e4f6fd;
}
.dot-dividor{
	display: inline-block;
	width: 4px;
	height: 4px;
	background-color: #fff;
	border-radius: 50%;
	margin: 0 6px;
}
.sidebar-badge{
	background-color: rgba(0, 84, 240, 0.40);
	padding: 5px 17px;
	border-radius: 26px;
	min-width: 70px;
	font-size: 13px;
	color: #fff;
	&:hover{
		background: radial-gradient(277.99% 277.27% at 49.69% 277.27%, #0042BB 0%, #040813 100%);
	}
}
.sidebarBadge-wrapper{
	display: flex;
	align-items: center;
	gap: 12px;
	flex-wrap: wrap;
}
.sidebarBlog-mainTit{
	font-size: 17px;
	background: linear-gradient(63deg, #00CFFD -58.51%, #FFF 97.89%);
	-webkit-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: transparent;
	margin-bottom: 20px;
	font-weight: 700;
}
.mobile-waitlistNotes{
	display: none;
}












/*****************************   AR - version   ****************************/
html[lang="ar"]{
	.customerExp-content{
    .customerExp-title{
    	font-size: 56px;
    	line-height: 1.6;
    }
  }
	.share-menu .copy-link{
		text-align: right;
	}
	.share-menu .dropdown-item {
    text-align: right;
    img {
      margin-right: 0;
      margin-left: 10px;
    }
  }
	body{
		font-family: "Almarai", sans-serif !important;
	}
	.header-wrapper {
  	.menu-wrapper{
      padding-right: 108px;
      padding-left: 0;
  	}
  }
	.demo-btn{
    max-width: 216px;
	}
	.arrow-btn {
    margin-right: 0;
    margin-left: 5px;
	}
	.listed-txt li{
    padding-left: 0;
    padding-right: 24px;
    &:before {
    	margin-right: 0;
    	margin-left: 10px;
    }
	}	
	@keyframes marquee {
	  0%   { transform: translateX(0); }
	  100% { transform: translateX(50%); } 
	}
	.marquee__inner {
	  flex-direction: row-reverse;  
	}
	.gov-wrapper .gov-title {
	  text-align: right;  
	}

	.product-wrapper .product-title {
	  text-align: right; 
	}
	.govTitle-box {
	  border-left: 2px solid #8D95A4;  
	  padding-left: 20px;  
	  margin-left: 20px;  
	}
	.contact-bg{
    right: unset;
    left: 0;
	}
	.tools-bg {
	  right: unset;
	  left: 15px;
	}
	.actions-wrapper{
		.parent-btn{
			margin-left: 10px;
		}
	}
	.left-shapes {
    right: 11px;
    left: unset;
	}
	.right-shapes {
    left: 0;
    right: unset;
	}
	.video-wrapper{
    margin-right: 0;
    margin-left: 40px;
	}
	.about-bg{
		right: unset;
    left: 34px;
	}
	.close-btn{
    margin: 3px auto 15px -2px;
	}
	.form-select{
    background-position: left .75rem center;
	}
	.form-check .form-check-input{
		float: right;
    margin-left: 0;	
    margin-right: -1.5em;
	}
	.form-check{
		padding-left: 0;
		padding-right: 1.5em;
	}
	.blogView-txt{
    margin-right: 5px;
    margin-left: 0;
	}
	.header-wrapper {
    .actions-wrapper {
    	.switch-lang{
        margin-left: 10px;
        margin-right: 0;
    	}
    }  
    .menu-wrapper {
      li {
        margin-right: 0;
        margin-left: 30px;
				&:last-child {
					margin-left: 0;
				}
      }
    }
  }
  .video-circle{
    left: -91px;
    right: unset;
  }
  .arrow-icon {
    margin-left: 0;
    margin-right: 5px;
    transform: rotate(180deg);
    i{
    	transform: rotate(180deg);
    }
	}
	.product-tabs {
    .tab {
      &:before{
        right: 0;
    	} 
    	&.active{
    		&:after{
	        right: 0;
	    	} 
    	} 
    }
  }
  .blog-badge{
  	margin-right: 0 !important;
  	margin-left: 12px;
  }
  .contact-infoBox {
    margin-left: 0;
    margin-right: 16px;
	}
	.social-media {
    li {
      margin-right: 0;
      margin-left: 12px;
      &:last-child {
    		margin-left: 0;
      }
    }
	}
	.footer-policy{
		a{
      margin-right: 0;
      margin-left: 24px;
			&:last-child {
				margin-left : 0;
			}
		}
	}
	.header-menu {
		.dropdown-menu{
			transform: translate3d(-10px, 79px, 0) !important;
		}
	}
	#waitlistModal {
    .modal-header .close-btn{
    	margin-right: auto;
    	margin-left: 8px;
    }
  }
  .waitlist-wrapper {
	  .content-wrapper {
      &:after{
      	right: unset;
      	left: 0
      }
	  }
	  .check-icon{
	  	margin-right: 0;
	  	margin-left: 10px;
	  }
    & .waitlist-box {
	    &:first-child {
        margin-right: 0;
        margin-left: 16px;
	    }
    }
	}
	.custom-tit-2 {
    margin-left: 0;
    margin-right: 6px;
	}
	.demo-wrapper {
  	.demo-content{
      border-radius: 21px 0 0 21px;
      .btn-close{
      	right: unset;
      	left: 17px;
      }
  	} 
  }
  .general-title {
  	&:after{
  		left: -9px;
  		right: unset;
  	}
  	&:before{
  		right: 0px;
  		left: unset;
  	}
  }



}

/*****************************   responsive   ****************************/
@media (max-width: 1199px), not all and (min-width: 1200px){
	.aboutUs-box{
		.counter-number{
      font-size: 39px;
		}
		.counter-label{
      font-size: 17px;
		}
  }
  .thank-wrapper{
		min-width: 100%;
	}



}
@media (max-width: 991px), not all and (min-width: 992px){

	.blogContent-wrapper {
    padding-right: 0; 
	}
	.mobile-waitlistNotes{
		display: block;
	}
	.header-menu{
		height: 43px;
	}
	.blog-wrapper{
		flex-direction: column;
	}
	.blog-sidebar{
    width: 100%;
    padding: 43px 42px;
    .sidebar-block{
      margin-bottom: 30px;
    	padding-bottom: 30px;
    }
	}
	.about-img{
		margin-top: 30px;
	}
	#waitlistModal {
    .modal-dialog {
      max-width: 838px;
    }
	}
	.waitlist-footer{
		align-items: start;
	}
	.waitlist-wrapper{
    flex-direction: column-reverse;
    .content-wrapper{
			display: none;
			.waitlist-title{
				max-width: 100%;
        font-size: 22px;
        margin-bottom: 35px;
			}
			.waitlist-txt{
				font-size: 18px;
        margin-bottom: 30px;
			}
			.note{
      	font-size: 16px;
			}
    }
    .waitlist-notes{
      margin-bottom: 40px;	
		}
		.form-wrapper{
      padding: 20px 40px 50px;
			.parent-btn {
        min-width: 161px;
      }
			.form-block{
        margin-bottom: 40px;
			}
			.form-tit{
        margin-bottom: 20px;
			}
		}
	}
	.waitlist-footer{
		flex-direction: column;
		.form-check{
			margin-right: 0;
			margin-bottom: 15px;
		}
	}
	.row-respon{
		flex-direction: column-reverse;
		.about-wrapper{
			margin-top: 40px;
		}
	}
	/*.product-tabs{
		margin-bottom: 40px;	
    gap: 46px;
    .tab{
      font-size: 17px;
    }
	}*/
	/*.tab-body{
		flex-direction: column;
		.video-wrapper{
			margin: 0 0 30px !important;
		}
	}*/
	/*.productContent-box{
		max-width: 100% !important;
	}*/
	.tools-bg{
    width: 686px;
    top: 77px;
    right: 15px;
	}
	.blog-card{
		margin-bottom: 30px;
	}
	.aboutUs-features{
		li{
			&:after{
				margin: 0 30px;
			}
		}
	} 
	.aboutUs-box{
		.counter-number{
      font-size: 30px;
		}
		.counter-label{
      font-size: 16px;
		}
  }
	html[lang="ar"]{
		.video-circle {
			left: -14px;
		}
		/*.product-tabs {
      .tab{
      	padding-left: 0;
      	padding-right: 20px;
      }
    }*/
	}
	.customerExp-content{
		.customerExp-title{
			font-size: 40px;
		}
	}
	.customerExp-img{
    aspect-ratio: 283 / 142;
	}
	.customerExp-content{
    text-align: center;
    margin: 0 auto;
	}
	.customerExp-img{
		margin-top: 40px;
	}
	.video-circle{
    right: -14px;
	}
	.video-wrapper{
    margin-bottom: 40px;
	}
	/*.product-content{
    margin-top: 15px;
	}*/
	.contact-card{
		margin-top: 40px;
	}
	/*.product-card-body{
    display: flex;
    flex-direction: column-reverse;
	}*/
	.align-img{
		text-align: center;
	}

	.module-desktop{
		display: none;
	}
	.product-tabs{
    margin: 80px 0 0;
		flex-direction: column;
		border-bottom: 0;
		.tab {
      display: flex;
      align-items: center;
      justify-content: center;
			padding-left: 20px;
			min-height: 40px;
			&:before {
	      content: "";
	      position: absolute;
	      left: 0;
	      bottom: 0;
	      height: 100%;
	      border-radius: 15px;
	      width: 4px !important;
	      background: #414141;
	    }
	    &.active {
	       &:after {
		      content: "";
	        position: absolute;
	        left: 0;
	        bottom: 0;
	        height: 100%;
	        border-radius: 15px;
	        width: 4px !important;
	        background: 
        	linear-gradient(104deg, rgba(255, 255, 255, 0.00) -42.57%,
        	rgba(119, 245, 220, 0.00) -15.11%, 
        	#00CFFD 83.2%, 
        	#0054F0 131.42%);
	        animation: underline var(--video-duration, 5s) linear var(--video-delay, 0s) forwards;
		    }
		  }
    }
	}
	@keyframes underline {
	  from {
	    height: 0;
	    top: 0;
	  }
	  to {
	    height: 100%;
	    top: 0;
	  }
	}
	.productContent-box {
    font-size: 19px;
    .product-description {
      font-size: 16px;
    }
  }
  .product-card {
		display: flex;
    flex-direction: column-reverse;
		.product-card-header{
			padding: 14px 30px;
			.tit {
			font-size: 20px;
			}
    }
    .product-card-body{
      padding: 25px 40px;
    }
  }
  .product-txt{
  	margin-bottom: 40px !important;
  }
  .module-content-mobile{
		display: flex;
		min-height: 100%;
		padding: 0;
		max-width: 100% !important;
	  margin-top: 16px;
	  .video-wrapper{
	  	margin-right: 0;
      margin-bottom: 15px;
	  }
	  .product-description{
	  	font-size: 13px !important;	
	    margin-bottom: 30px;
	  }
		&:before{
			display: none;
		}
	}
	.module-mobile{
		display: block;
		gap: 40px;
		width: 100%;
	  margin: 23px 0 0;
	  background: transparent;
	  .tab{
	  	margin-bottom: 30px;
	  	background: transparent;
	    border: 0;
			align-items: normal;
      flex-direction: column;
	  	font-size: 15px;
	  }
	  .accordion-header{
	  	background: transparent;
	  }
	  .accordion-button{
	    color: #fff;
	  	padding: 0;
	    border: 0;
	    background-color: transparent;
	    &:after{
  	    background-size: 16px;
        filter: invert(1);
	    }
	    &:focus{
	    	box-shadow: none;
	    }
	  }
	  .accordion-button:not(.collapsed){
	  	background-color: transparent;
	  	color: #fff;
	  	box-shadow: none;
	  }
	}
	.product-content{
		.tab-body{
			display: none;	
		}
	}
	html[lang="ar"]{
		.product-tabs {
	    .tab{
	    	padding-left: 0;
	    	padding-right: 20px;
	    }
	  }	
	}
	



}
@media (max-width: 767px), not all and (min-width: 768px){
	.blogTitle{
    font-size: 35px;
	}
	.blog-card {
    .title {
    	min-height: 70px;
    }
  }
	.thank-msg-tit{
		font-size: 40px;
	}
	.thank-msg{
		font-size: 24px;
	}
	.thank-msg-2{
    font-size: 16px;
	}
	#thankModal, #contactModal {
    .form-check {
      .form-check-label {
        font-size: 14px;
      }
    }
	}
	.blog-outline-content{
		font-size: 14px;
	}

	.aboutUs-features {
    flex-wrap: wrap;
    gap: 20px;
		li{
			margin-bottom: 0;
			display: inline-block;
			align-items: center;
			flex: 1 1 44%;
			&:after{
				display: none;
			}
		}
	}
	/*.product-tabs{
    gap: 29px;	
    .tab {
      font-size: 13px;
    }
	}*/
	.blog-outline {
  	.blog-outline-content{
  		font-size: 16px;
  	}
  }
  .blogView-txt{
    font-size: 15px;
  }
  .dot-icon{
  	margin: 0 11px;
  }
  .demo-imgWrapper{
  	width: 100% !important;
  	.demo-img{
      aspect-ratio: 508 / 850;
  	}
  }
	.demo-wrapper{
		flex-direction: column;
		.demo-content{
			width: 100%;
      border-radius: 21px;
		}
	}
	.gov-wrapper{
		padding: 23px 0;
		.gov-title{
      font-size: 20px;
      padding: 0 20px;
    	text-align: center;
		}
	}
	.govTitle-box{
		border-right: 0;
    padding-right: 0;
    margin-right: 0;
    margin-bottom: 30px
	}
	.footer-box{
    margin-bottom: 30px;
	}
	.footer-block-title{
  	margin-bottom: 18px;
	}
	.footer-jc-center{
		justify-content: flex-start;
	}
	.dividor{
		margin: 30px 0;
	}
	.footer-bottom{
    flex-direction: column;
    align-items: flex-start;
	}
	.footer-policy{
		margin-top: 20px
	}
	


}
@media (max-width: 575px), not all and (min-width: 576px){

	.custom-cursor{
		display: none !important;
	}
	body, * {
    	cursor: auto !important;
	}
	.blogOutline-title{
		font-size: 20px;
	}
	.header-menu {
	  height: 39px;
	}
	.header-wrapper .actions-wrapper  .switch-lang{
  	min-width: 41px;
  }
	.blog-sidebar{
		box-shadow: 3px 1px 15px rgb(209 209 209 / 20%);
	}
	.waitlist-wrapper{
    .clients-wrapper{
    	gap: 30px;
      flex-wrap: wrap;
    	img{
    		flex: 1 1 33%;
    	}
    }
  }
	.home-body{
    padding-top: 75px;
	}
	.gov-wrapper{
		padding-top: 45px;
    padding-bottom: 0;
	}
	.msg-btn-wrapper{
		text-align: start;
	}
	.inner-page-body{
    padding-top: 145px;
	}
	.contact-card{
		padding: 40px 23px;
	}
	.blogTitle {
    font-size: 23px;
  }
	.about-wrapper {
	  margin-bottom: 20px;
	  .txt{
	  	font-size: 16px !important;
	  }
	}
	.contactUs-section{
		padding-top: 25px;
	}
	.btn-container {
    margin-top: 20px;
	}
	.general-title{
  	margin-bottom: 15px !important;
  }
  .contactUs-txt, .contact-link{
  	font-size: 16px !important;
  }
	.counter-number {
	  font-size: 24px !important;
	}
	.counter-label {
	  font-size: 15px !important;
	}
  .general-title{
  	font-size: 30px;
  }
  .product-txt{
  	font-size: 18px !important;
  }
	.general-txt{
		font-size: 15px;
	}
	.footer-policy a{
    font-size: 14px !important;
  }
	.floating-svg{
		display: none;
	}
	header{
		padding: 16px 17px;
	}
	.customerExp-img{
    width: 188px;
    height: 168px;
	}
	.align-img{
		margin-top: 30px;
	}
	
	.demo-wrapper {
    .demo-txt{
    	font-size: 19px;
    	margin-bottom: 30px;
    }
    .demo-txt-2{
			font-size: 16px;
			margin-bottom: 22px;
    }
  }
	.video-circle {
    width: 200px;
    height: 200px;
  }
  .video-wrapper{
    height: 254px;
  }
	.blog-header-block{
    height: 315px;
    .blog-header-content{
    	height: 315px;
    }
    .blogTitle{
			font-size: 29px;
    }
    &::after{
    	height: 315px;
    }
  }
  .blog-outline-wrapper{
    justify-content: flex-start;
    align-items: flex-start;
    flex-direction: column;
  }
  .blog-outline-content{
	  margin-bottom: 25px;
    font-size: 16px !important;
  }
  .dot-icon{
    margin: 0 10px;
  }
  .relatedBlogs-wrapper{
		align-items: flex-start;	
		flex-direction: column;
		.relatedBlogs-txt{
			margin-bottom: 20px;
		}
  }
	.main-wrapper, .about-section, .blogs-section, .product-wrapper{
		padding: 25px 12px;
	}
	.main-wrapper{
		padding: 46px 12px 25px;
	}
	.gov-content {
    img{
      max-height: 50px;
    } 
  }
	.waitlistBox-flex{
    flex-direction: column;
    align-items: start;
    .waitlist-box {
    	width: 100%;
      &:first-child {
        margin-right: 0;
        margin-bottom: 20px;
      }
    }
	}
	.customerExp-content {
		.customerExp-title{
      font-size: 25px;
		}
		.customerExp-txt{
      font-size: 16px;
		}
	}
	.header-menu {
  	.dropdown-menu{
      transform: translate3d(10px, 64px, 0px) !important;
  	}
  }
  html[lang="ar"]{
  	.header-menu {
			.dropdown-menu{
				transform: translate3d(10px, 64px, 0) !important;
			}
		}
  }
  .custom-tit-2{
  	width: 145px !important;
  	height: 68px  !important;
  }
  .customerExp-content{
		.customerExp-title{
			font-size: 30px !important;
      margin-bottom: 30px;
		}
		.customerExp-txt{
      margin-bottom: 25px;
		}
	}
	.parent-btn{
    padding: 6px 22px;
    font-size: 14px;
	}
	
	.about-img{
    padding: 23px;
    aspect-ratio: 364 / 267;
	}

}
@media (max-width: 475px), not all and (min-width: 476px){
	.sidebar-blog{
    align-items: flex-start;
    flex-direction: column;
    gap: 5px;
    margin-bottom: 30px;
	}
    .customerExp-content .customerExp-title{
    font-size: 22px !important;
	}	



}
@media (max-width: 440px), not all and (min-width: 441px){
	.footer-policy{
		flex-direction: column;
		align-items: flex-start;
		a{
			margin-right: 0 !important;
			margin-bottom: 6px;
		}
	}

}
@media (max-width: 410px), not all and (min-width: 411px){
	.dot-icon{
		margin: 0 6px;
	}
	.blog-outline-content{
    font-size: 13px !important;
	}
	.sidebarBlog-content{
		gap: 6px;
	}
	.sidebar-blog .sidebarBlog-txt{
		gap: 5px;
		flex-direction: column;
	}
	.blog-sidebar{
		.sidebar-blog .sidebarBlog-txt{
      flex-direction: row;
    }
	}



}
@media (max-width: 374px), not all and (min-width: 375px){
	.header-menu {
	  height: 31px;
	}
	.sidebar-blog{
		align-items: flex-start;
		margin-bottom: 30px;
		flex-direction: column;
	}
	.home-body {
	  padding-top: 67px;
	}
	.dark-logo{
    width: 75px;
	}
	.switch-lang{
		min-width: 34px !important;
		padding: 6px 7px !important;
		font-size: 13px !important;
		margin: 0 5px !important;
	}
  .aboutUs-features{
    gap: 30px;
    li{
	  	flex: 1 1 50%;
	  }
	}
	.customerExp-content{
		.customerExp-title {
			font-size: 30px;
      margin-bottom: 23px;
		}
		.customerExp-txt{
		 	font-size: 14px;
		}
	}
	.general-title {
    font-size: 25px;
  }
	.blog-sidebar {
	  .sidebar-blog .sidebarBlog-txt {
      flex-direction: column;
      align-items: flex-start;
      .dot-dividor {
		    display: none;
		  }
	  }
	}
	.blogTitle{
    font-size: 22px;
	}
	.blog-outline-content{
    flex-wrap: wrap;
    span{
    	flex: 1 1 44%;
    }
	}




}