h1{font-size: clamp(2.5rem, 1.6892rem + 4.0541vw, 6.25rem) !important;}
h1.home-title{font-size: clamp(3.125rem, 2.7679rem + 1.7857vw, 5rem)!important;}
h2, .h2{font-size: clamp(2rem, 1.7188rem + 1.4063vw, 3.125rem) !important;line-height:1.25em}
.breadcrumbs {position: relative;}
.lqd-pf-item .lqd-pf-details .lqd-pf-title, .lqd-pf-item .lqd-pf-details a{color: #F8F8FF;}
@media (min-width: 1400px) and (max-width: 1640px) {
  .container {
    max-width: 90%;
  }
}
@media (min-width: 1200px) and (max-width: 1260px) {
.main-nav.link-15 a{font-size:14px;}
}
.nav-trigger, .nav-trigger:focus, .nav-trigger:hover {color: #F8F8FF;}
.nav-item-children:before {background-color:var(--lqd-color-gray-900);}
#mobile-primary-nav{border-bottom:3px solid #97CA48;}
/* ***** Banner ***** */
@media screen and (min-width: 1200px) and (max-width: 1640px) {
  .lqd-fb-style-6 .lqd-fb-content {padding: 3rem 3.5rem 1rem;}
}
#banner h1{margin-top:50px;}
.banner .lqd-highlight-inner,
.banner .lqd-highlight-inner .lqd-highlight-brush-svg {
	height: 0.2em;
}
@media (min-width: 1200px) {
	.banner {background-attachment: fixed;}
}

@media (max-width: 1199px) {
	#banner{padding-top: 180px; padding-bottom: 150px;}
	.banner {padding: 0 35px;}
	.banner .ld-fancy-heading h1 {font-size: 82px;}
	.banner .module-btn-circle {padding: 40px 15px 0 0;}
}
@media (max-width: 992px) {
	.banner .row {min-height: 50vh;}
	#banner{padding-top: 90px; padding-bottom: 130px;}
}
@media (max-width: 767px) {
	 #banner.home-banner{padding-top: 0px; padding-bottom: 80px;}
	.home-banner .bg-black-30{background-color: rgba(0,0,0,.6);}
	.banner {
		padding: 120px 10px 50px 10px;
	}
	.banner .ld-fancy-heading h1 {
		font-size: 12vw;
	}
	.banner .ld-fancy-heading p {
		font-size: 19px;
		line-height: 1.5em;
	}
	.banner .btn-lg {
		margin-bottom: 10px;
	}
	.banner h6.ld-fh-element {
		margin: 1em 6em 0 0;
	}
	.banner .module-btn-circle {
		font-size: 19px;
		margin-top: 0%;
		padding: 30px 0 0 0;
	}
	.solution-video .row{padding:0 0 80px!important;min-height: auto;}
}
@media (max-width: 600px) {
	.banner .ld-fancy-heading h1 {font-size: 14vw;}
}
@media screen and (min-width:480px) and (max-width:767px) {
  .lqd-fb[class*=h-pt-] {
    padding-top:33.33%
  }
}
/* */
.home-hero__scroll-button {
  padding: 20px;
  background-color:#36863B;
  align-items: center;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: none;
  cursor: pointer;
  display: inline-flex;
  isolation: isolate;
  justify-content: space-between;
  outline: none;
  overflow: hidden;
  overflow: visible;
  position: relative;
  -webkit-text-decoration: none;
  text-decoration: none;
  transition: transform .2s ease-in;
  width: -moz-fit-content;
  width: fit-content;
}
@media(hover:hover) {
  .home-hero__scroll-button:hover .home-hero__arrow-line {
    transform:scaleY(1.333);
    transition:transform .2s ease-out
  }
  .home-hero__scroll-button:hover .home-hero__arrow-chevron {
    transform:translateY(3px);
    transition:transform .2s ease-out
  }
}
.home-hero__arrow-icon {
  overflow:visible
}
.home-hero__arrow-line {
  transform-origin:center
}
/* ***** Contact ***** */
form label{color:#000;}
.contact .module-form {
	padding: 0 0 0 17.5%;
}
@media (max-width: 1199px) {
	.contact .module-form {
		padding: 0 10px 0 0;
	}
	.contact .form-mini {
		padding: 35px;
		margin: 0;
	}
}
@media (max-width: 767px) {
	.contact {
		padding: 100px 10px 0 10px;
	}

	.contact .module-title {
		padding: 0 10px;
	}

	.contact .module-form {
		padding: 0 10px;
	}

	.contact .form-mini {
		margin: 30px 0 0;
		padding: 50px 20px;
	}
}
/* ***** Thin Fixed BG ***** */
@media (min-width: 1200px) {
	.thin-fixed-bg {
		background-attachment: fixed;
	}
}
@media (max-width: 1199px) {
	.thin-fixed-bg {
		padding: 100px 35px;
	}
}

@media (max-width: 767px) {
	.thin-fixed-bg {
		padding: 100px 10px;
	}

	.thin-fixed-bg .col-md-12,
	.thin-fixed-bg .container-xl {
		padding: 0;
	}

	.thin-fixed-bg .ld-fancy-heading h2 {
		font-size: 11.5vw;
		line-height: 1.5em;
	}
}
/* ***** Clients ***** */
@media (max-width: 1199px) {
	.clients .carousel-items {
		margin-inline-start: -34px;
		margin-inline-end: -34px;
	}

	.clients .carousel-item {
		width: calc(100% / 3);
		padding-inline-start: 34px;
		padding-inline-end: 34px;
	}
}
@media (max-width: 767px) {
	.clients .carousel-items {
		margin-inline-start: -20px;
		margin-inline-end: -20px;
	}

	.clients .carousel-item {
		width: calc(100% / 2);
		padding-inline-start: 20px;
		padding-inline-end: 20px;
	}
}
@media (max-width: 500px) {
	.clients .carousel-item {
		width: 100%;
		padding-inline-start: 20px;
		padding-inline-end: 20px;
	}
}
@media (max-width: 1199px) {
	.clients .module-img {
		margin: 20px 0;
	}
}

@media (max-width: 767px) {
	.clients .lqd-imggrp-single {
		margin: 0 0 20px 0;
	}
}
#clients img{width:200px;}
/*manu logos */
.gallery-cell {
	width: 180px;
	height: 80px;
	margin: 0 60px;
	position: relative;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;
	-o-background-size: contain;
	-moz-background-size: contain;
	-webkit-background-size: contain;
	opacity:1;
	transition: 0.3s;
}
.gallery-cell:hover{opacity:.6;}
@media (max-width: 767px){
	.gallery-cell {width: 200px;}
}
/* ***** What We Do ***** */
@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;
	}
}
/* ***** Testimonial ***** */
.testimonial .carousel-nav {
	top: 25px;
}

.testimonial .carousel-nav .flickity-button,
.testimonial .carousel-nav .flickity-button svg {
	fill: #FFFFFF;
	background-color: transparent;
}

.testimonial .carousel-nav .lqd-carousel-slides {
	color: #FFFFFF;
}

.testimonial .lqd-imggrp-single {
	top: -25px;
	left: -100px;
}

.carousel-dots-mobile .flickity-page-dots .dot {
	background-color: #FFFFFF;
}

.carousel-dots-mobile .flickity-page-dots .dot.is-selected {
	background-color: rgba(255, 255, 255, 0.14);
}

@media (max-width: 1199px) {
	.testimonial {
		padding: 70px 35px;
	}
}

@media (max-width: 767px) {
	.testimonial {
		padding: 70px 20px;
	}
	.testimonial .text-38{font-size:28px;}
}
/* ***** Footer ***** */
.associations img{max-width:120px; height:auto; margin-right: .75em;}

/* ***** Hero ***** */
.hero {
	padding-top: 18vw;
	padding-bottom: 18vw;
}
.hero:hover .row-bg-inner {
	transform: scale(1.075);
}
@media (max-width: 991px) {
	.hero {
		padding-top: 150px;
		padding-bottom: 150px;
	}
}
/* ***** Digital Experience ***** */
.digital-experience .module-img-1 {
	right: 4vw;
}

.digital-experience .module-img-2 {
	right: 55px;
}

.digital-experience .module-img-3 {
	left: -19%;
}

@media (max-width: 1199px) {
	.digital-experience {
		padding: 50px 30px;
	}

	.digital-experience .module-img-2 {
		width: 192px;
		max-width: 192px;
		top: 6.5%;
		right: 5%;
	}

	.digital-experience .module-img-3 {
		width: 272px;
		max-width: 272px;
		top: 0%;
		left: 15px;
	}

	.digital-experience .module-img-4 {
		width: 319px;
		max-width: 319px;
	}
}

@media (max-width: 767px) {
	.digital-experience {
		padding: 0 10px 30px 10px;
	}

	.digital-experience .btn {
		margin-bottom: 15px;
	}
}

/* ***** Digital Experience Counter ***** */
@media (max-width: 1199px) {
	.digital-experience-counter {
		padding: 50px 30px 60px 30px;
	}

	.digital-experience-counter .module-counter {
		padding: 10px;
	}
}

@media (max-width: 767px) {
	.digital-experience-counter {
		padding: 30px 10px 0 10px;
	}
}
/* ***** Text LG ***** */
.text-lg .ld-fancy-heading h3 {
	font-size: 22vw;
	line-height: 0.8em;
	letter-spacing: -20px;
	margin: 0;
}

.text-lg .ld-fh-element,
.text-lg .ld-fh-element a {
	color: #D9DCFF;
}
@media (min-width: 1200px) and (max-width: 1280px) {
	#brands{padding-top: 100px; padding-bottom: 20px;}
	.text-lg .ld-fancy-heading h3 {font-size: 14vw;letter-spacing: 0;}
}
@media (max-width: 1199px) {
	.text-lg .ld-fancy-heading h3 {
		font-size: 21.4vw;
		letter-spacing: -15px;
	}
}

@media (max-width: 767px) {
	#brands{padding-top: 100px !important; padding-bottom: 90px !important;}
	.text-lg .ld-fancy-heading h3 {
		font-size: 20.7vw;
		letter-spacing: -5px;
	}
	.how-it-work.pt-140{padding-top:100px;}
	#case-studies.py-120{padding-top:40px;padding-bottom:80px;}
}
/* ***** Bananas Banner ***** */
.bananas-banner .lqd-bnr-bnns .module-sticky {
	inset-inline-start: 0;
	top: 0;
}

.bananas-banner .lqd-bnr-bnns-h {
	font-size: 5vw;
}
/* ***** Carousel Text ***** */
.lqd-fade-sides.carousel-container {
	mask-image: none;
	-webkit-mask-image: none;
}

.lqd-fade-sides.carousel-container .flickity-viewport {
	mask-image: linear-gradient(to right, transparent 0%, #000 20%, #000 80%, transparent 100%);
	-webkit-mask-image: linear-gradient(to right, transparent 0%, #000 20%, #000 80%, transparent 100%);
}

.carousel-text .ld-fancy-heading .ld-fh-txt-outline {
	-webkit-text-stroke-color: rgba(0, 0, 0, 0.33);
	-webkit-text-stroke-width: 1px;
}

@media (max-width: 991px) {
	.carousel-text .ld-fancy-heading h2 {
		font-size: 10vw;
	}
}
/* ***** Banner Case Studies ***** */
@media (max-width: 991px) {
	.banner-case-studies {
		padding-top: 160px;
		padding-bottom: 100px;
	}

	.banner-case-studies h1 {
		font-size: 100px;
	}
}

@media (max-width: 767px) {
	.banner-case-studies h1 {
		font-size: 50px;
	}
}
/* ***** Case Studies Row ***** */
.case-studies-row .lqd-fb-style-6 .lqd-fb-content {
	padding: 0;
}

.case-studies-row .lqd-fb-style-6 .lqd-fb-content h6 {
	letter-spacing: 0.2em;
}

@media (max-width: 1199px) {
	.case-studies-row .lqd-fb-content-inner {
		padding: 1.5rem;
	}
}
.case-studies-row h2{font-size:28px;}
@media (min-width: 992px) and (max-width: 1199px){
.case-studies-row h2{font-size:24px;}
}
.lqd-fb-style-6 .lqd-fb-content h2 {
    font-weight: 400;
	font-size:36px!important;
}
/* */
.bg-blog-menu{background:#000;}
.blog .module-sticky {top: calc(var(--lqd-sticky-header-height, 0) + 150px);}
.category-blog-single .blog-content h2{font-size:2rem;}
.category-blog-single .blog-content img{margin:1em 0;}
nav.kwikweb_nav_strip ul {
    padding: 0;
    list-style-type: none;
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: stretch;
    gap: 1em;
    text-transform: uppercase;
	font-weight:700;
	margin-top:50px;
}
/* */
.order-xl-1 {order: 1 !important;}
.order-xl-2 {order: 2 !important;}
/* ***** Experience ***** */
.experience .module-col .row-bg-inner{
transition: transform 330ms ease-in-out;
}
.experience .module-col:hover .row-bg-inner {
	transform: scale(1.075);
}
.experience .modul-img:hover {
	transform: translateY(var(--lqd-move-onhover-val,0));
}

@media (max-width: 991px) {
	.experience {padding-top: 100px; padding-bottom: 55px;}
	.experience .module-img {
		margin-bottom: 30px;
		padding-top: 250px;
		padding-right: 20px;
		padding-left: 20px;
	}
}
/* ***** Section Flow ***** */
.section-flow {
	min-height: 655px;
}

.section-flow .lqd-section-flow-panel-end {
	padding: 13% 6%;
}

.section-flow .lqd-section-flow-panel-end .lqd-section-flow-item {
	padding-top: 20%;
	padding-bottom: 20%;
}
@media (max-width: 992px) {
	.section-flow .lqd-section-flow-panel-end {padding: 0 6% 7% 6%;}
	.section-flow .lqd-section-flow-panel-end .lqd-section-flow-item {padding-top: 7%;padding-bottom: 7%;}
}
@media (max-width: 767px) {
	.section-flow .lqd-section-flow-panel-end {padding: 0 6% 80px 6%;}
	.section-flow .lqd-section-flow-panel-end .lqd-section-flow-item {padding-top: 25px;padding-bottom: 0px;}
}
/* ***** blog ***** */
@media (max-width: 1500px) {
	#news{padding-top:90px;padding-bottom:70px;}
}
@media (max-width: 991px) {
	#news{padding-top:60px;padding-bottom:40px;}
}
/* ***** case Study Carousel ***** */
.case-study-carousel .carousel-nav .flickity-button {
	width: 20px;
	height: 20px;
}

.case-study-carousel .flickity-button {
	padding: 0;
	border-radius: 0;
}

.case-study-carousel .flickity-button,
.case-study-carousel .flickity-button:focus,
.case-study-carousel .flickity-button:hover {
	background-color: transparent;
	color: #000;
}

@media (max-width: 1199px) {
	.case-study-carousel .carousel-items {
		overflow-x: hidden;
	}
}

@media (max-width: 767px) {
	.case-study-carousel .ld-fancy-heading {
		margin: 0 0 10px 0;
	}
}
/* */
 h3.listing-title span{display:block;}
.details {
    display: flex;
    margin-bottom: 0.25em;
}
.details>:first-child {
    padding-right: 0.5em;
}
.details>:not(:first-child) {
    padding: 0 0.5em;
	border-left-width: 1px;
    border-left-style: solid;
    border-left-color: #c1c1c1;
}
.details span{color:var(--lqd-color-secondary);}
@media (max-width: 767px) {
.listing .listing-image{width:calc(100% - 40px);}
}
/* service columns */
@media (min-width: 992px) {
  .even-columns .col-lg-4{
    flex: 0 0 auto;
    width: calc(33.33333333% - 50px);
	margin:25px;
  }
.even-columns .col-lg-6 {
    flex: 0 0 auto;
    width: calc(50% - 50px);
	margin:25px;
  }
}
/* ***** Slide Carousel ***** */
.slide-carousel .lqd-shape-top svg {
	height: 165px;
	transform: translateX(-50%) rotateY(180deg);
}

.slide-carousel .module-shape {
	left: 26%;
}

.slide-carousel .module-img {
	right: -2%;
}

.slide-carousel .module-shadow {
	min-height: 245px;
}

.slide-carousel .carousel-item-content {
	font-size: 7vw;
}

.slide-carousel .carousel-item-content>* {
	white-space: nowrap;
}

@media (max-width: 1199px) {
	.slide-carousel {
		padding-top: 180px;
		padding-bottom: 170px;
	}

	.slide-carousel .lqd-shape-top svg {
		height: 120px;
	}

	.slide-carousel .module-column {
		margin-bottom: 30px;
	}
}

@media (max-width: 767px) {
	.slide-carousel .lqd-shape svg {
		height: 100px;
	}

	.slide-carousel .module-img {
		top: -59px;
	}

	.slide-carousel .carousel-item-content {
		font-size: 10vw;
	}
}
/* */
.solution-block h2 img{max-width:300px;}
@media (max-width: 991px) {
	.solution-block{padding-bottom:100px;padding-top:80px;}
	.solution-block .lqd-imggrp-img-container{margin-top:40px;}
	.solution-block-second{padding-top:0;}
	.solution-block-second.py-140{padding-top:80px;}
}
.order-1 {
	order: 1;
}
.order-2 {
	order: 2;
}
@media (min-width: 992px) {
.order-xxl-1 {
    order: 1 !important;
  }
  .order-xxl-2 {
    order: 2 !important;
  }
}
/* ***** process ***** */
.process .module-sticky {
	top: calc(var(--lqd-sticky-header-height, 0) + 200px);
}

.process .module-content {
	padding-right: 7%;
}

@media (max-width: 1199px) {
	.process .module-content {
		padding-right: 0;
	}
}

@media (max-width: 991px) {
	.process {
		padding-bottom: 70px;
		padding-top: 80px;
	}

	.process .module-spacer {
		height: 32px;
	}
}

@media (max-width: 767px) {
	.process {
		padding-bottom: 50px;
	}

	.process .module-content {
		padding-right: 0;
	}
}
/* testimonials  */
.testimonials .flickity-button, .testimonials .flickity-button:focus, .testimonials .flickity-button:hover, .testimonials .carousel-nav .lqd-carousel-slides {
  color: #FFF;
}
/* ***** About ***** */
.about {background-image: url("../images/bg-1.svg");background-repeat: no-repeat;background-position: left top;}
.about .btn-xl {
	--btn-pe: 4em;
	--btn-ps: 4em;
}

.about .module-img {
	bottom: -33%;
}

.about .module-img {
	right: -20%;
}

.about .module-text {
	right: -29%;
}
@media (max-width: 1199px) {
	.about .module-img {
		width: 80%;
		max-width: 80%;
	}

	.about .module-text {
		bottom: -36%;
	}

	.about .module-bottom {
		margin-top: -40px;
	}

	.about .module-number {
		margin-left: -260px;
	}

	.about .module-img {
		right: -32%;
		bottom: -10%;
	}

	.about .module-text {
		display:none;
	}
}
@media (max-width: 991px) {
}
@media (max-width: 767px) {
	.about {
		padding: 170px 20px 70px;
	}
	.about .btn{margin-bottom:50px;}
	.about .module-img-one{
		width: 75%;
		max-width: 75%;
	}
	.about .module-img {
		width: 65%;
		max-width: 65%;
		right: -30px;
		bottom:-50%;
	}
	.about .module-bottom {
		margin: 0;
	}
	.about .module-middle {
		margin-bottom: 65%;
	}
	.about .module-number {
		margin: 0;
	}
}