/* ***** Global ***** */
:root {
	--lqd-color-primary: #675DE1;
	--lqd-color-secondary: #6BCD94;
	--lqd-color-dark: #292929;
	--lqd-color-purple-500: #8745D5;
	--lqd-color-accent: #61CE70;
	--lqd-color-blue-200: rgba(28, 79, 141, 0.11);
    --lqd-color-blue-300: #008ABA;
    --lqd-color-blue-400: #0e3f58;
    --lqd-color-blue-500: #1C4F8D;
	--lqd-color-blue-600: #354B60;
	--lqd-color-blue-700: #032A3E;
	--lqd-color-blue-900: #282734;
	--lqd-color-green-300: #82B541;
	--lqd-color-green-400: #84F0B2;
	--lqd-color-green-500: #49C193;
	--lqd-color-green-700: #26372D;
	--lqd-color-slate-100: rgba(110, 127, 153, 0.1);
	--lqd-color-slate-200: #b4b6c6;
	--lqd-color-slate-300: #9999A3;
	--lqd-color-slate-400: #6e7f99;
	--lqd-color-slate-500: rgba(69, 67, 113, 0.58);
	--lqd-color-slate-600: #61969D;
	--lqd-color-slate-700: #45485F;
	--lqd-color-gray-100: #F7F7F8;
	--lqd-color-gray-900: #191919;
	--lqd-color-gray-400: #7a7a7a;
	--lqd-color-orange: #ed6a04;
	--lqd-badge-color: #6E7F99;
	--lqd-color-gradient-start: var(--lqd-color-purple-500);
	--lqd-color-gradient-stop: var(--lqd-color-green-500);
	--lqd-color-orange-100: rgba(196, 116, 66, 0.15);
	--lqd-color-green-100: rgba(66, 196, 106, 0.2);
	--lqd-color-purple-100: rgba(142, 114, 235, 0.17);
	--lqd-color-purple-400: #B469FF;
	--lqd-color-yellow-100: rgba(249, 223, 104, 0.22);
	--lqd-color-yellow-500: #ffda01;
	--lqd-color-pink-100: rgba(196, 66, 132, 0.15);
	--lqd-color-blue-100: rgba(47, 178, 187, 0.22);
	--lqd-body-text-color: #3C4B62;
	--lqd-color-red-300: #f03a22;

	--lqd-container-width: 1060px;
	--lqd-container-width-md: 100%;
	--lqd-container-width-sm: 100%;
	--lqd-row-gutter-x: 0;
	--lqd-row-gutter-y: 0;

	--lqd-body-font-family: 'Be Vietnam Pro', sans-serif;
	--lqd-body-font-size: 17px;
	--lqd-body-font-weight: 400;
	--lqd-body-line-height: 1.35em;

	--lqd-heading-color: var(--lqd-color-blue-900);
	--lqd-heading-font-family: var(--lqd-body-font-family);
	--lqd-h1-font-size: 40px;
	--lqd-heading-font-weight: 700;
	--lqd-heading-line-height: 1em;
	--lqd-h1-letter-spacing: -1.5px;
	--lqd-h2-font-size: 36px;
	--lqd-h2-letter-spacing: -1.5px;
	--lqd-h3-font-size: 32px;
	--lqd-h4-font-size: 25px;
	--lqd-h5-font-size: 21px;
	--lqd-h6-font-size: 18px;

	--lqd-cc-size-inner: 17px;
	--lqd-cc-bg: rgb(255, 255, 255);
	--lqd-cc-active-bw: 1px;
	--lqd-cc-active-bg: rgb(255, 251, 251);
	--lqd-cc-active-bc: rgb(255, 251, 251);
	--lqd-cc-active-circle-txt: rgb(255, 251, 251);
	--lqd-cc-blend-mode: difference;
	--lqd-top-scroll-ind-height: 5px;
}

@media (max-width: 1199px) {
	.container {
		--lqd-row-gutter-x: 40px;
	}
}

@media (max-width: 767px) {
	.module-content-col {
		padding: 30px;
	}

	.module-first-col {
		margin: 0 0 20px 0;
	}
}

/* ***** Button ***** */
.nav-trigger .bars {
	width: 41px;
	height: 41px;
}

.nav-trigger.style-2 .bar {
	width: 15px;
}

.module-btn-sm {
	--btn-pt: 8px;
	--btn-pe: 22px;
	--btn-pb: 8px;
	--btn-ps: 22px;
}

.module-btn-md {
	--icon-ms: 12px;
	--btn-pt: 1em;
	--btn-pe: 1.66em;
	--btn-pb: 1em;
	--btn-ps: 1.66em;
}

.btn .btn-icon {
	--icon-ms: 12px;
}

/* ***** Main Header ***** */
.main-header .main-nav {
	--lqd-menu-items-top-padding: 15px;
	--lqd-menu-items-right-padding: 22px;
	--lqd-menu-items-bottom-padding: 15px;
	--lqd-menu-items-left-padding: 22px;
}

.main-header .main-nav li a:before {
	background-color: #F7F7F7;
}

.main-header .main-nav>li.is-active>a,
.main-header .main-nav>li.current-menu-item>a,
.main-header .main-nav>li.current-menu-ancestor>a,
.navbar-fullscreen .main-header .main-nav>li.is-active>a,
.navbar-fullscreen .main-header .main-nav>li.current-menu-item>a,
.navbar-fullscreen .main-header .main-nav>li.current-menu-ancestor>a {
	color: #000000;
}

/* ***** Left Side Drawer ***** */
.main-header .ld-module-sd-left .ld-module-dropdown {
	width: 40vw;
}

/* ***** Sticky Bar Left ***** */
.main-header .lqd-stickybar-left .btn {
	box-shadow: 0 0 0 11px rgba(128, 179, 65, 0.27);
}

/* ***** Lity Modal ***** */
.lity-modal .ld-fancy-heading h2 span {
	font-family: 'DM Serif Text', serif;
	font-style: italic
}

.lity-modal .lqd-contact-form {
	--inputs-margin: 0 0 30px 0;
	--input-margin-bottom: 30px;
}

@media (max-width: 1199px) {
	.lity-modal .module-content {
		padding: 10px;
	}

	.lity-modal .ld-fancy-heading h2 {
		font-size: 48px;
		line-height: 1em;
	}
}

@media (max-width: 767px) {
	.lity-modal .ld-fancy-heading h2 {
		font-size: 34px;
	}
}

/* ***** Banner ***** */
.banner .module-inner {
	padding: 7% 0;
}

.banner .module-shape-1 {
	left: 14%;
}

.banner .module-shape-2 {
	right: 13%;
}

.banner .module-shape-3 {
	right: 14%;
}

@media (max-width: 1199px) {
	.banner {
		padding-top: 5%;
		padding-bottom: 5%;
	}

	.banner .module-shape-1 {
		top: 14%;
	}

	.banner .module-shape-2 {
		top: 40%;
	}

	.banner .module-shape-3 {
		top: 13%;
	}

	.banner .module-shape-1 {
		left: 4%;
	}

	.banner .module-shape-2 {
		right: 4%;
	}

	.banner .module-shape-3 {
		right: 7%;
	}
}

@media (max-width: 767px) {
	.banner {
		padding: 15px;
	}

	.banner .module-btn {
		margin-bottom: 30px;
	}

	.banner .module-inner {
		padding: 15% 5% 20% 5%;
	}

	.banner .btn-solid {
		margin-bottom: 20px;
	}

	.banner .module-client {
		margin-bottom: 20px;
	}

	.banner .module-shape-1 {
		width: 110px;
		max-width: 110px;
		z-index: 0;
	}

	.banner .module-shape-2 {
		top: 31%;
		z-index: 0;
	}

	.banner .module-shape-3 {
		top: 8%;
	}

	.banner .module-shape-1 {
		left: -10%;
	}

	.banner .module-shape-2 {
		right: -17%;
	}

	.banner .module-shape-3 {
		right: -12%;
	}
}

/* ***** Banner Navigation ***** */
.banner-navigation .lqd-fancy-menu>.reset-ul>li>a:hover,
.banner-navigation .lqd-fancy-menu li.is-active>a {
	background: #F7F7F7;
	color: #000000;
}

/* ***** Business Solutions ***** */
.business-solutions .module-iconbox-1:hover path,
.business-solutions .module-iconbox-1:hover .lqd-iconbox-heading {
	fill: #C45B42;
	color: #C45B42;
}

.business-solutions .module-iconbox-2:hover path,
.business-solutions .module-iconbox-2:hover .lqd-iconbox-heading {
	fill: #42C46A;
	color: #42C46A;
}

.business-solutions .module-iconbox-3:hover path,
.business-solutions .module-iconbox-3:hover .lqd-iconbox-heading {
	fill: #8F72ED;
	color: #8F72ED;
}

.business-solutions .module-iconbox-4:hover path,
.business-solutions .module-iconbox-4:hover .lqd-iconbox-heading {
	fill: #DBBC32;
	color: #DBBC32;
}

.business-solutions .module-iconbox-5:hover path,
.business-solutions .module-iconbox-5:hover .lqd-iconbox-heading {
	fill: #C44284;
	color: #C44284;
}

.business-solutions .module-iconbox-6:hover path,
.business-solutions .module-iconbox-6:hover .lqd-iconbox-heading {
	fill: #2FB2BB;
	color: #2FB2BB;
}

@media (max-width: 767px) {
	.business-solutions .lqd-iconbox-scale {
		margin-bottom: 10px;
	}
}

/* ***** Select Projects ***** */
@media (max-width: 1199px) {
	.select-projects {
		padding-top: 0;
		padding-bottom: 30px;
	}
}

/* ***** Case Studies ***** */
.case-studies .lqd-progressbar-inner {
	box-shadow: 0 0 0 1px rgba(112, 112, 112, 0.15) inset;
}

/* ***** How It Work ***** */
.how-it-work .fit-aspect-ratio {
	padding-bottom: 177.8%;
}

@media (max-width: 767px) {
	.how-it-work .flex-box-text .iconbox {
		padding: 0 0 20px 0;
	}
}

/* ***** New Features ***** */
.new-features .border-1:hover {
	background-color: rgba(103, 93, 225, 0.16);
	border-style: solid;
	border-color: rgba(103, 93, 225, 0);
}

.new-features .ld-fh-element:hover,
.new-features .ld-fh-element:hover a {
	color: #675DE1;
}

/* ***** Contact ***** */
.contact .module-shape-3 {
	--float-animate-from: -25%;
	--float-animation-ease: ease-in-out;
}

.contact .module-shape-3 {
	right: 9%;
}

.contact .module-shape-2 {
	left: 7%;
}

.contact .lqd-contact-form {
	--inputs-margin: 0 0 35px 0;
	--input-margin-bottom: 35px;
}

@media (max-width: 1199px) {
	.contact .module-shape-2 {
		left: 6.898%;
	}

	.contact .module-shape-3 {
		right: 9.1%;
	}
}

@media (min-width: 768px) {
	.contact .module-form {
		width: 625px;
	}
}

/* ***** Contact***** */
@media (max-width: 991px) {
	.repo-contact .module-first {
		padding: 45px 20px;
	}

	.repo-contact .ld-fancy-heading h2 {
		font-size: 40px;
	}
}


/* ***** Digital Solution ***** */
.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: #84F0B2;
	--lqd-color-stop: #5F91A7;
}

@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;
	}
}

/* ***** Footer ***** */
.main-footer .link-badge {
	font-size: 10px;
}

@media (max-width: 767px) {
	.main-footer>section {
		padding-top: 70px;
	}

	.main-footer .module-text {
		padding-bottom: 20px;
	}
}

/* ***** Clients ***** */
.clients .module-bg {
	background-size: 70% auto;
	filter: brightness(100%) contrast(100%) saturate(0%) blur(0px) hue-rotate(0deg);
}

/* ***** Process *****  */
@media (max-width: 991px) {
	.process {
		padding-top: 70px;
		padding-bottom: 70px;
	}

	.process .module-icon-box {
		padding-top: 30px;
	}
}

@media (max-width: 767px) {
	.process {
		padding-bottom: 40px;
	}
}

/* ***** How It Work ***** */
@media (max-width: 991px) {
	.how-it-work {
		padding-top: 70px;
		padding-bottom: 60px;
	}
}

@media (max-width: 767px) {
	.how-it-work .module-title {
		margin-bottom: 0.35em;
	}
}

.one-bullet-list li:before {
	content: '';
	display: inline-block;
	width: 4px;
	height: 4px;
	margin-inline-end: 1em;
	border-radius: 50em;
	background: #000;
}

/* ***** Careers ***** */
.careers .module-sticky {
	top: calc(var(--lqd-sticky-header-height, 0) + 90px);
}

.careers .btn-hover-reveal {
	--icon-move: 0.5em;
	--icon-ms: -1em;
}

.careers .btn-hover-reveal:hover .btn-icon i {
	opacity: 1;
	transform: translateX(1em);
}

.careers .btn-hover-reveal:hover.btn-underlined .btn-icon,
.careers .btn-hover-reveal:hover.btn-naked .btn-icon {
	transform: translateX(.5em);
}

.careers .module-content {
	padding-right: 7%;
}

@media (max-width: 1199px) {
	.careers .module-content {
		padding-right: 0;
	}
}

@media (max-width: 991px) {
	.careers {
		padding-bottom: 70px;
		padding-top: 80px;
	}

	.careers .module-spacer {
		height: 32px;
	}
}

@media (max-width: 767px) {
	.careers {
		padding-bottom: 50px;
	}

	.careers .module-content {
		padding-right: 0;
	}
}

@media(max-width: 1199px) {
    .what-we-do {
        padding:0 35px 0 38px
    }

    .what-we-do .module-content {
        padding: 10px
    }
}

@media(max-width: 767px) {
    .what-we-do {
        padding:0 10px
    }
}

/* ***** Services ***** */
.services .col-md-6:last-child .ld-fancy-heading {
	right: 0;
}

.services .iconbox:hover {
	background-color: var(--lqd-color-blue-600);
}

.services .iconbox:hover svg path:not([stroke=none]) {
	fill: #FFF;
}

.services .iconbox:hover .contents h3,
.services .iconbox:hover .contents p {
	color: #fff;
}

.services .iconbox:hover h3 svg {
	opacity: 1;
	transform: translateX(.5em);
}

@media (max-width: 1199px) {
	.services .iconbox {
		padding: 35px;
	}
}

@media (max-width: 767px) {
	.services .module-title {
		padding: 15px;
	}
}

.module-shape1 {
    left: 26%;
}

.module-shape-3 {
	left: -241px;
}

.module-shape-4 {
	right: -232.6px;
}

/* ***** About ***** */
.about .module-shape {
	right: -2.5%;
}

@media (max-width: 1199px) {
	.about .module-shape {
		right: -16%;
	}
}

@media (max-width: 767px) {
	.about {
		padding: 40px 5px 0 5px;
	}

	.about .module-title {
		margin-bottom: 30px;
		padding: 10px;
	}
}

.portfolio .carousel-items {
    margin-inline-start:-1.5%;margin-inline-end:-1.5%}

.portfolio .carousel-item {
    width: 36.3636%;
    flex-basis: 36.3636%;
    padding-inline-start:1.5%;padding-inline-end:1.5%}

@media(max-width: 767px) {
    .portfolio .carousel-item {
        width:66.6667%;
        flex-basis: 66.6667%
    }
}

@media(max-width: 767px) {
    .special-features {
        padding:50px 20px
    }
}