:root {
	--lqd-color-primary: #261e79;
}



.main-header .lqd-stickybar-wrap {
	padding-bottom: 25px;
}

.hover\:bg-gradient {
	background: rgb(38 30 121);
	background: linear-gradient(210deg, rgb(38 30 121) 0%, rgb(38 30 121) 37%, rgb(38 30 121) 100%);
}

.hover\:bg-gradient:hover {
	background: rgb(112,78,243);
	background: linear-gradient(210deg, rgba(112,78,243,1) 0%, rgba(60,50,163,1) 37%, rgba(41,192,199,1) 100%);
}

.hover\:bg-accent:hover {
	background: #43d3d8;
}

.gradient-background {
 	background: rgb(112,78,243);
	background: linear-gradient(210deg, rgba(112,78,243,1) 0%, rgba(60,50,163,1) 37%, rgba(41,192,199,1) 100%);
}

.is-in-view .lqd-highlight {
	color: #fff;
}

.is-in-view .lqd-highlight .lqd-highlight-inner {
	background: linear-gradient(210deg, rgba(112,78,243,1) 0%, rgba(60,50,163,1) 37%, rgba(41,192,199,1) 100%) !important;
	opacity: 0.7 !important;
	height: calc(100% - 10px);
}

.gradient-text {
	background-image: linear-gradient(210deg, rgba(112,78,243,1) 0%, rgba(60,50,163,1) 37%, rgba(41,192,199,1) 100%);
}

.bold-text {
	font-weight: 900;
}

.navbar-brand img {
	max-height: 30px;
}

.logo-white {
	display: none;
}

.is-stuck {
	box-shadow: none;
}

.main-header.is-stuck .lqd-head-sec-wrap.module-bottom {
	border-radius: 50px;
	margin: 0 25px;
	margin-top: 25px;
	background: rgb(112,78,243);
	background: linear-gradient(210deg, rgba(112,78,243,1) 0%, rgba(60,50,163,1) 37%, rgba(41,192,199,1) 100%);
	box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .26);
}

.main-header.is-stuck .lqd-head-sec-wrap .logo-white {
	display: block;
}

.main-header.is-stuck .lqd-head-sec-wrap .logo-default {
	display: none;
}

.main-header.is-stuck .lqd-head-sec-wrap .main-nav>li>a {
	color: #fff !important;
}

.main-header.is-stuck .lqd-head-sec-wrap .link-badge {
	color: #fff;
}

.main-header.is-stuck .lqd-head-sec-wrap .link-badge:before {
	background: #fff;
}

.lqd-imggrp-img-container figure {
	border-radius: 10px;
	overflow: hidden;
}

.tilt {
	transform: perspective(500px) rotateX(3deg) rotateY(3deg) translate3d(3px, 3px, 0);
}

.auto-tilt {
	animation: tilt 10s infinite ease-in-out;
	transform-origin: center;
}

@keyframes tilt {
  0% {
    transform: translateX(0) translateY(0) rotateX(0deg) rotateY(0deg);
  }
  25% {
    transform: translateX(10px) translateY(-10px) rotateX(10deg) rotateY(-10deg);
  }
  50% {
    transform: translateX(-10px) translateY(10px) rotateX(-10deg) rotateY(10deg);
  }
  75% {
    transform: translateX(10px) translateY(10px) rotateX(5deg) rotateY(-5deg);
  }
  100% {
    transform: translateX(0) translateY(0) rotateX(0deg) rotateY(0deg);
  }
}

/*.auto-tilt:hover {
  animation: none;
}*/

.hover-tilt {
	transition: 0.4s;

}

.hover-tilt:hover {
	transform: perspective(500px) rotateX(10deg) rotateY(10deg) translate3d(10px, 10px, 0);
	box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .26);
}

.blog-hover-tilt figure {
	transition: 0.3s;
	box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .26);

}

.blog-hover-tilt:hover figure {
	transform: perspective(500px) rotateX(10deg) rotateY(10deg) translate3d(10px, 10px, 0);
	box-shadow: 2px 4px 10px 0 rgb(0 0 0 / 60%);
}

.blog-text {
	display: -webkit-box;
  max-width: 350px;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
  font-size: 12px;
  color: #6b6b6b;
  line-height: 18px;
  text-align: justify;
}

.blog-title {
	display: -webkit-box;
	max-width: 350px;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	font-size: 16px;
	line-height: 20px;
	text-align: center;
}

.brand-carousel .carousel-item {
	filter: grayscale(1);
}

.brand-carousel .carousel-item:hover {
	filter: grayscale(0);
}

.shadow {
	box-shadow: 2px 4px 10px 0 rgb(0 0 0 / 60%);
}


/* ***** CTA ***** */
.cta {
	background-image: url("../images/custom/cta-bg.svg");
	min-height: 408px;
}

.cta .txt-rotate-keywords {
	--visible-words: 7;
}

.cta .txt-rotator-list.text-rotator-activated .txt-rotate-keywords-inner {
	--lqd-color-start: #fff;
	--lqd-color-stop: #6693A7;
}

.cta .btn:hover,
.cta .btn:focus {
	color: #211F36;
}

.digital-solution .ld-fancy-heading .txt-rotate-keywords {
	--visible-words: 7;
	color: #d0d2e2;
}

.digital-solution .ld-fancy-heading .txt-rotate-keywords-inner {
	--lqd-color-start: rgba(41, 192, 199, 1);
	--lqd-color-stop: rgb(9 111 115);
}

.txt-rotate-keywords span {
	color: #848484;
}

@media (max-width: 767px) {
	.digital-solution .module-content {
		padding: 50px 30px;
	}

	.digital-solution .module-shape {
		top: -42%;
	}

	.digital-solution .module-shape {
		left: -50%;
	}

	.digital-solution .lqd-lottie {
		width: 100vw;
	}

	.digital-solution .module-title h2 {
		font-size: 12vw;
		margin: 0 0 0.25em 0;
	}

	.digital-solution .ld-fancy-heading p {
		margin-bottom: 1em;
	}

	.digital-solution .module-text-rotate h2 {
		font-size: 10vw;
	}
}

@media (max-width: 767px) {
	.cta {
		background-image: url("../images/custom/cta-bg-m.svg");
		background-size: cover;
		flex-grow: 0;
		align-self: initial;
		padding: 10px;
	}

	.cta .module-btn {
		margin-top: 20px;
		margin-bottom: 10px;
	}

	.cta .ld-fancy-heading .txt-rotator-list {
		font-size: 9vw;
	}
}

.btn-solid:hover {
	transform: none;
}

.btn-solid:hover span {
	color: rgba(41,192,199,1);
}


.tinymodal-active .tinymodal-cover {
	z-index: 99999;
}

.tinymodal-window {
	z-index: 999999 !important;
	min-width: 300px;
	min-height: 150px;
}

.tinymodal-window .tinymodal-close, 
.tinymodal-window button {
  background-color: #fff;
  border: none;
  position: absolute;
  right: 0;
  font-family: system-ui;
  top: 0;
}

.tinymodal-inner {
	padding: 30px;
}

.cursor {
  width: 30px;
  height: 30px;
  border-radius: 100%;
  border: 1px solid black;
  transition: all 200ms ease-out;
  position: fixed;
  pointer-events: none;
  left: 0;
  top: 0;
  transform: translate(calc(-50% + 15px), -50%);
}

.cursor2 {
  width: 10px;
  height: 10px;
  border-radius: 100%;
  background-color: black;
  opacity: .8;
  position: fixed;
  transform: translate(-50%, -50%);
  pointer-events: none;
  transition: width .3s, height .3s, opacity .3s;
}

.lqd-pt-style-8 li>strong:last-of-type {
  font-weight: 900;
  margin-inline-start: auto;
}


@media (max-width: 991px) {
    .pricing {
         padding-bottom: 250px; 
    }
}


.social-link img {
	width: 40px;
	height: 40px;
	border-radius: 40px;
	filter: grayscale(100%);
	transition: 0.3s;
}

.social-link:hover img {
	border-radius: 4px;
	filter: grayscale(0%);
}