/* ***** Banner Image ***** */
.banner-image .module-btn {
	right: 19%;
	top: 32vh;
}

.banner-image .btn {
	--icon-font-size: 22px;
}

.banner-image .btn-icon:before {
	border-color: #FFFFFF;
}

@media (max-width: 1199px) {
	.banner-image .module-img {
		width: 600px;
		max-width: 600px;
	}

	.banner-image .module-btn {
		right: 17%;
		z-index: 5;
		top: 19vh;
	}
}

@media (max-width: 767px) {
	.banner-image .module-img {
		width: 100vw;
		max-width: 100vw;
		top: 65px;
	}

	.banner-image .lqd-imggrp-single {
		margin: -65px 0px 0px 0px;
	}

	.banner-image .module-btn {
		right: 30vw;
	}
}


/* ***** Has Accordion ***** */
@media (max-width: 1199px){
	.has-accordion-page {
		padding-right: 35px;
		padding-left: 35px;
	}
	.has-accordion-page h2 {
		font-size: 36px;
	}
	.has-accordion-page .module-col {
		padding: 10px;
	}
}
@media (max-width: 767px){
	.has-accordion-page {
		padding: 70px 10px 0 10px;
	}
}

.has-submenu {
    position: relative;
  }

  .has-submenu .submenu {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    background-color: #fff; /* White background */
    padding: 10px 0;
    list-style: none;
    min-width: 250px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
    z-index: 1000;
  }

  .has-submenu:hover .submenu {
    display: block;
  }

  .has-submenu .submenu li {
    width: 100%;
  }

  .has-submenu .submenu li a {
    display: block;
    padding: 10px 20px;
    color: #000; /* Black text */
    text-decoration: none;
    font-size: 14px;
    font-weight: 500;
    transition: background-color 0.3s ease, color 0.3s ease;
  }

  .has-submenu .submenu li a:hover {
    background-color: #f0f0f0; /* Light gray hover effect */
    color: #000;
  }


/* ***** Team ***** */
@media (max-width: 1199px){
	.team {
		padding: 0 25px 80px 25px;
	}
	.team .module-col {
		padding: 10px;
	}
}
@media (max-width: 767px){
	.team {
		padding: 65px 0;
	}
}

/* ***** Consultation ***** */
.consultation .ld-flipbox-face {
	background-color: var(--lqd-color-secondary);
}

.consultation .ld-flipbox-front .ld-flipbox-inner {
	padding: 200px 30px 15px 30px;
}

.consultation .btn-hover-txt-liquid-y:hover,
.consultation .btn-hover-txt-liquid-y:focus {
	color: #fff;
}

@media (max-width: 1199px) {
	.consultation {
		padding: 70px 35px 30px 35px;
	}
}

@media (max-width: 767px) {
	.consultation {
		padding: 65px 10px;
	}

	.consultation .col-md-12:first-child {
		padding: 0;
	}

	.consultation .ld-flipbox-front .ld-flipbox-inner {
		padding: 40px 0 0 0;
	}
}


/* ***** Banner ***** */
.banner .module-bg {
	background-position: 95% 95%;
}

.banner .btn-xl {
	--btn-pt: 1.5em;
	--btn-pe: 3.15em;
	--btn-pb: 1.5em;
	--btn-ps: 3.15em;
}

@media (max-width: 1199px) {
	.banner {
		padding: 0 30px;
		z-index: 2;
	}
}

@media (max-width: 767px) {
	.banner {
		padding: 320px 10px 50px 10px;
	}

	.banner .ld-fancy-heading h1 {
		font-size: 10vw;
	}

	.banner .module-text p {
		font-size: 18px;
	}

	.banner .btn-solid {
		margin-bottom: 15px;
	}
}

/* ***** Clients ***** */
@media (max-width: 767px) {
	.clients .ld-fancy-heading p {
		margin-bottom: 1em;
	}
}

/* ***** About ***** */
@media (max-width: 767px) {
	.about {
		padding: 20px 10px 0 10px;
	}

	.about .module-first {
		margin-bottom: 30px;
	}
}


/* ***** Features ***** */
.features .lqd-iconbox-scale:hover {
	transform: scale(1.1);
	background-color: #38a9da;
	box-shadow: 0px 20px 70px 0px rgb(0 0 0 / 10%);
}

.features .iconbox-side .iconbox-icon-wrap {
	margin-inline-end: 24px;
}

.features .lqd-iconbox-scale:hover .iconbox-heading-arrow-onhover h3 svg {
	opacity: 1;
	transform: translateX(.5em);
}

.features .iconbox h3 {
	margin: 0 0 20px;
}

@media (max-width: 1199px) {
	.features {
		padding: 100px 20px;
	}

	.features .lqd-iconbox-scale {
		margin: 0 0 20px 0;
	}

	.features .col-12:first-child .d-flex {
		margin: 0 0 30px 20px;
	}
}

@media (max-width: 767px) {
	.features {
		padding: 40px 0;
	}

	.features .lqd-iconbox-scale {
		margin: 0 0 20px;
	}
}


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

/* ***** Services ***** */
/* ***** Services Content ***** */
.services-content .container {
	--lqd-container-width-sm: 1024px;
	--lqd-container-width-md: 1024px;
}
.services-content .module-first {
	--lqd-sticky-offset: 30px!important;
	top: calc(var(--lqd-sticky-offset) + var(--lqd-sticky-header-height, 0px))!important;
}


.services .icon-box-bg-color:hover {
	background-color: #FFFFFF;
	box-shadow: 0 25px 70px 0 rgba(0, 0, 0, 0.07);
}

.services .icon-box-bg-color:hover .iconbox-heading-arrow-onhover h3 svg {
	opacity: 1;
	transform: translateX(.5em);
}

.services .icon-box-bg-color:hover p {
	color: var(--lqd-color-title);
}

@media (max-width: 1199px) {
	.services {
		padding: 0 40px;
	}

	.services .col-sm-12 {
		padding: 0;
	}

	.services .icon-box-bg-color {
		padding: 20px;
	}
}

@media (max-width: 767px) {
	.services {
		padding: 50px 20px;
	}
}

/* ***** Case Studies ***** */
.case-studies .liquid-filter-items {
	margin-bottom: 50px;
}

@media (max-width: 1199px) {
	.case-studies {
		padding: 100px 30px 50px 30px;
	}
}

@media (max-width: 767px) {
	.case-studies {
		padding: 0 10px;
	}
}

/* ***** Testimonials ***** */
.testimonials .carousel-nav {
	bottom: -40px;
}

.testimonials .flickity-button,
.testimonials .flickity-button:focus,
.testimonials .flickity-button:hover {
	background-color: transparent;
	color: #000;
}

.testimonials .d-flex .module-shape-2 {
	right: 3vw;
}

.testimonials .carousel-dots-mobile.carousel-dots-mobile-outside .flickity-page-dots {
	margin-top: 2.25em;
}

@media (max-width: 1199px) {
	.testimonials {
		padding-right: 30px;
		padding-left: 30px;
	}

	.testimonials .d-flex .module-shape-2 {
		bottom: -70px;
		right: -50px;
	}
}

@media (max-width: 767px) {
	.testimonials {
		padding-right: 10px;
		padding-left: 10px;
	}

	.testimonials .carousel-item-content {
		font-size: 20px;
	}

	.testimonials .module-last {
		margin-bottom: 20px;
	}
}

/* ***** Global Companies ***** */
@media (max-width: 1199px) {
	.global-companies {
		padding: 40px 30px 60px 30px;
	}

	.global-companies .lqd-imggrp-single {
		margin: 40px 0 0 0;
	}
}

@media (max-width: 767px) {
	.global-companies {
		padding: 0 10px;
	}

	.global-companies .lqd-imggrp-single {
		margin: 0 0 15px 0;
	}

	.global-companies .btn-solid {
		margin-bottom: 15px;
	}
}

/* ***** Blog ***** */
@media (max-width: 1199px) {
	.blog {
		padding: 50px 30px;
	}
}

@media (max-width: 767px) {
	.blog {
		padding: 20px 10px 40px 10px;
	}
}

/* ***** Contact ***** */
@media (max-width: 1199px) {
	.contact {
		padding: 0 30px 70px 30px;
	}

	.contact .module-content {
		padding: 40px;
	}

	.contact .module-shape {
		top: -10px;
		right: 32%;
	}
}

@media (max-width: 767px) {
	.contact {
		padding: 0 10px;
	}

	.contact .module-content {
		padding: 40px 15px;
	}

	.contact .btn-solid {
		margin-bottom: 15px;
	}
}

.lqd-tabs-nav-arrow {
    background-color: #34aad5 !important;
    
}


form {
    background: white;
    padding: 20px;
    border-radius: 8px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

.step {
    display: none;
}

.step.active {
    display: block;
}

h3 {
    color: #333;
}

p {
    font-size: 16px;
}

label {
    display: block;
    margin: 8px 0;
    font-size: 14px;
}

input[type="text"],
input[type="email"],
input[type="tel"] {
    width: 100%;
    padding: 8px;
    margin-top: 5px;
    border: 1px solid #ccc;
    border-radius: 4px;
}

button {
    margin-top: 15px;
    padding: 10px 15px;
    border: none;
    background-color: #007BFF;
    color: white;
    font-size: 16px;
    cursor: pointer;
    border-radius: 5px;
}

button:hover {
    background-color: #0056b3;
}

button + button {
    margin-left: 10px;
    background-color: #6c757d;
}

button + button:hover {
    background-color: #5a6268;
}