:root {
  --text-color: #001c40;
  --section-padding: 5rem;
  --header-height: 4.375rem;
  --btn-border-radius: 0.5rem;
  --btn-background: linear-gradient(180deg, #ee759b 0%, #b532d3 100%);
  --btn-box-shadow: 0 0 0.625rem 0 rgba(183, 56, 124, 0.5);
  --space-unit: 1em;
  --space-sm: calc(0.75 * var(--space-unit));
  --space-md: 25vh;
}

::-webkit-scrollbar {
  width: 0.5rem;
  height: 0.5rem;
  background: lightgray;
}

::-webkit-scrollbar-thumb {
  border-radius: 15rem;
  background: var(--btn-background);
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  -webkit-appearance: none;
}

input[type="number"] {
  -moz-appearance: textfield;
  appearance: textfield;
}

@font-face {
  font-family: "GT Walsheim Pro";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("../fonts/GTWalsheimPro/GTWalsheimPro-Bold.eot");
  src: local("GT Walsheim Pro Bold"), local("GTWalsheimPro-Bold"),
    url("../fonts/GTWalsheimPro/GTWalsheimPro-Bold.eot?#iefix")
      format("embedded-opentype"),
    url("../fonts/GTWalsheimPro/GTWalsheimPro-Bold.woff2") format("woff2"),
    url("../fonts/GTWalsheimPro/GTWalsheimPro-Bold.woff") format("woff"),
    url("../fonts/GTWalsheimPro/GTWalsheimPro-Bold.ttf") format("truetype");
}

@font-face {
  font-family: "GT Walsheim Pro";
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url("../fonts/GTWalsheimPro/GTWalsheimPro-Black.eot");
  src: local("GT Walsheim Pro Black"), local("GTWalsheimPro-Black"),
    url("../fonts/GTWalsheimPro/GTWalsheimPro-Black.eot?#iefix")
      format("embedded-opentype"),
    url("../fonts/GTWalsheimPro/GTWalsheimPro-Black.woff2") format("woff2"),
    url("../fonts/GTWalsheimPro/GTWalsheimPro-Black.woff") format("woff"),
    url("../fonts/GTWalsheimPro/GTWalsheimPro-Black.ttf") format("truetype");
}

html,
body {
  font-size: 16px;
}

body {
  font-family: "Poppins", sans-serif;
  font-weight: 400;
  color: var(--text-color);
  line-height: 1.6;
  margin: 0;
  overflow-x: hidden;
}

ul:not(.default) {
  list-style: none;
  padding: 0;
  margin: 0;
}

a.colored-link {
  color: #ba38df;
  text-decoration: none;
}

.y-rowGap {
  row-gap: calc(var(--bs-gutter-x) * 0.5);
}

.y-rowGap-2 {
  row-gap: var(--bs-gutter-x);
}

h1:not(.default-font),
h2:not(.default-font),
h3:not(.default-font) {
  font-family: "GT Walsheim Pro";
  font-weight: 700;
}

p:last-of-type {
  margin-bottom: 0;
}

.section-height {
  display: flex;
  min-height: 100vh;
}

.section-height > .container {
  margin: auto;
}

.section-padding {
  padding: var(--section-padding) 0;
}

.header {
  position: fixed;
  width: 100%;
  z-index: 100;
  border-bottom: 1px solid #ddd;
  padding: 0.9375rem 0;
  transition: background 0.4s;
  background: #fff;
}

.scrolled {
  background: #fff;
}

.logo > a {
  display: inline-block;
}

.logo > a > img {
  max-height: 2.5rem;
}

.menu-area {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 0.8125rem;
  font-weight: 600;
}

.left-menu {
  display: flex;
  gap: 0.3125rem;
  transform: translate(-10%, 0%);
}

.left-menu > li > a,
.right-menu > li > a {
  display: inline-flex;
  padding: 0.5rem 0.9375rem;
  text-decoration: none;
  color: var(--text-color);
  align-items: center;
  gap: 0.4375rem;
}

.left-menu > li > a > i {
  font-size: 0.6875rem;
}

.left-menu > li {
  position: relative;
}

.left-menu > li > ul.dropDown-menu {
  position: absolute;
  top: calc(100% + 0.625rem);
  left: 0;
  background: #fff;
  border-radius: 0.9375rem;
  padding: 0.5rem 0.9375rem;
  box-shadow: 0 0 0.625rem rgba(0, 0, 0, 0.06);
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s;
}

.left-menu > li > ul.dropDown-menu::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 1.25rem;
  top: 0;
  left: 0;
  transform: translate(0%, -100%);
}

.left-menu > li:hover > ul.dropDown-menu {
  opacity: 1;
  visibility: visible;
}

ul.dropDown-menu > li > a {
  white-space: nowrap;
  display: inline-flex;
  padding: 0.4375rem 0;
  text-decoration: none;
  color: var(--text-color);
  align-items: center;
  gap: 0.9375rem;
}

ul.dropDown-menu > li > a > .menu-img {
  background: #fff;
  padding: 0.625rem;
  box-shadow: 0 0 0.4375rem rgba(0, 0, 0, 0.08);
  border-radius: var(--btn-border-radius);
  transition: box-shadow 0.3s;
}

ul.dropDown-menu > li > a:hover > .menu-img {
  box-shadow: 0 0 0.4375rem rgba(0, 0, 0, 0.15);
}

ul.dropDown-menu > li > a > .menu-img > img {
  height: 2.5rem;
  max-height: 1.5625rem;
}

.right-menu > li > a,
.link-area > a,
.form-groupArea > button[type="submit"] {
  display: inline-flex;
  border-radius: var(--btn-border-radius);
  background: var(--btn-background);
  box-shadow: var(--btn-box-shadow);
  align-items: center;
  color: #fff;
  padding: 0.625rem 0.9375rem;
  font-weight: 500;
  gap: 0.4375rem;
  font-size: 0.75rem;
  border: 0;
  outline: 0;
  justify-content: center;
  text-decoration: none;
}

.form-groupArea > button[type="submit"] > img {
  height: 1.0625rem;
}

.simple-link-area > a {
  display: inline-flex;
  align-items: center;
  gap: 0.4375rem;
  text-decoration: none;
  color: var(--text-color);
  transition: color 0.3s;
}

.simple-link-area > a:hover {
  color: #b532d3;
}

.simple-link-area > a > span {
  position: relative;
  padding: 0.1875rem 0;
}

.simple-link-area > a > span::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 0%;
  height: 1px;
  background: #b532d3;
  transition: width 0.3s;
}

.simple-link-area > a:hover > span::before {
  width: 100%;
}

.right-menu > li > a,
.link-area > a {
  text-transform: uppercase;
}

.link-area > a > i {
  margin-bottom: 0.125rem;
}

.right-menu > li > a > img {
  height: 0.9375rem;
}

.home-banner,
.inner-banner {
  position: relative;
  height: 100vh;
  min-height: 50rem;
}

.no-height {
  height: auto;
  min-height: auto;
}

.home-banner::before,
.home-banner::after,
.footer::before,
.footer::after,
.inner-banner:not(.circle-gradient)::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
}

.home-banner::before,
.gradient-section::before {
  background: radial-gradient(
    182.29999999999998% 69% at 50% 8.4%,
    #fff 0%,
    #fff 28.345139819430482%,
    #ffffffe0 46.39900258832971%,
    transparent 99.95393495930529%
  );
  z-index: -1;
}

.home-banner::after,
.gradient-section::after,
.inner-banner:not(.circle-gradient)::after {
  background: radial-gradient(
    113% 100% at -3.9% 100%,
    #ef6589 0%,
    #ef6589 30%,
    #af12da 70%,
    #af12da80 99.95393495930529%
  );
  z-index: -2;
}

.inner-banner.circle-gradient::before,
.caseStudy-DetailimgArea::before {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 50%;
  height: 50%;
  background: url("../images/circle-bg.png") no-repeat center center;
  background-size: contain;
  transform: translate(-50%, -50%);
  z-index: -2;
}

.inner-banner.circle-gradient::after,
.caseStudy-DetailimgArea::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.7);
  backdrop-filter: blur(3.125rem);
  -webkit-backdrop-filter: blur(3.125rem);
  transform: translate(-50%, -50%);
  z-index: -1;
}

.inner-banner.circle-gradient.left-circle::before {
  width: 60%;
  height: 60%;
}

.inner-banner.circle-gradient.left-circle::before,
.inner-banner.circle-gradient.left-circle::after {
  left: 0%;
}

.center-container {
  position: absolute;
  width: 100%;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

.banner-heading {
  max-width: 62.5rem;
  margin: 0 auto;
}

.banner-heading > h1 {
  font-size: 4.375rem;
  margin: 0;
}

.banner-form {
  background: #fff;
  padding: 0.4375rem;
  border-radius: calc(var(--btn-border-radius) + 0.125rem);
  max-width: 43.75rem;
  margin: 3.125rem auto;
  box-shadow: 0 1.0625rem 2rem rgba(0, 0, 0, 0.25);
}

.form-groupArea {
  background: #ededed;
  display: flex;
  padding: 0.4375rem;
  border-radius: calc(var(--btn-border-radius) + 0.0625rem);
}

.form-groupArea > input {
  background: transparent;
  border: 0;
  outline: 0;
  padding: 0.1875rem 0.9375rem;
  font-size: 0.875rem;
  flex-grow: 1;
}

.banner-afterForm,
.banner-bottomContainer {
  color: #fff;
  text-align: center;
  text-transform: capitalize;
}

.banner-afterForm {
  font-size: 0.8125rem;
  max-width: 43.75rem;
  margin: 0 auto;
}

.banner-afterForm > p > b {
  font-weight: 600;
}

.banner-bottomContainer {
  position: absolute;
  left: 0%;
  bottom: 1.5625rem;
  width: 100%;
}

.banner-bottomContainer > h3 {
  font-size: 1.5rem;
  margin-bottom: 1.875rem;
}

.banner-partner {
  opacity: 0.8;
  -webkit-mask-image: linear-gradient(
    to right,
    rgba(0, 0, 0, 0.5) 0%,
    rgb(0, 0, 0) 25%,
    rgb(0, 0, 0) 75%,
    rgba(0, 0, 0, 0.5) 100%
  );
  mask-image: linear-gradient(
    to right,
    rgba(0, 0, 0, 0.5) 0%,
    rgb(0, 0, 0) 25%,
    rgb(0, 0, 0) 75%,
    rgba(0, 0, 0, 0.5) 100%
  );
  text-align: center;
  overflow: hidden;
}

.banner-partner > ul {
  display: flex;
  white-space: nowrap;
  /* gap: 80px; */
  animation: marquee 15s linear infinite;
  align-items: center;
  width: 200vw;
}

.banner-partner > ul > li {
  min-width: 20vw;
  max-width: 20vw;
  text-align: center;
}

.banner-partner > ul > li > img {
  display: inline-block;
  min-height: 2.5rem;
  min-width: 9.375rem;
  max-height: 2.5rem;
  max-width: 9.375rem;
  object-fit: contain;
}

.about-relativeArea {
  position: relative;
  max-width: 21.875rem;
  margin: 0 auto;
}

.about-relativeArea > img {
  width: 100%;
  border-radius: 1.5rem;
}

.about-relativeArea.home-imgholdingArea > img {
  border-radius: 2.25rem;
}

.about-relativeArea > *:not(img) {
  position: absolute;
  filter: drop-shadow(0 0 0.625rem rgba(0, 0, 0, 0.2));
}

.about-relativeArea > * > img {
  width: 100%;
}

.home-topLeft {
  max-width: 70%;
  top: 8%;
  left: -35%;
}

.home-middleLeftcard,
.home-bottomLeftcard {
  max-width: 65%;
  bottom: 39%;
  left: -25%;
}

.home-bottomLeftcard {
  bottom: 24%;
}

.home-bottomRight {
  bottom: 12%;
  right: -30%;
  max-width: 50%;
}

.ppc-topLeft {
  max-width: 45%;
  top: 7%;
  left: -18%;
}

.ppc-bottomRight,
.ppc-service1-bottomRight {
  bottom: 7%;
  right: -30%;
  max-width: 50%;
}

.ppc-service1-topLeft {
  max-width: 50%;
  top: 3%;
  left: -33%;
}

.ppc-service1-topLeft2 {
  max-width: 47%;
  top: 24.5%;
  left: -17%;
}

.ppc-service1-bottomRight {
  max-width: 55%;
}

.ppc-service2-topLeft {
  max-width: 65%;
  top: 7%;
  left: -33%;
}

.ppc-service2-bottomLeft {
  max-width: 50%;
  bottom: -7%;
  left: -28%;
}

.ppc-service2-bottomRight {
  max-width: 50%;
  bottom: 18%;
  right: -26%;
}

.ppc-service3-topLeft {
  max-width: 60%;
  top: 7%;
  left: -30%;
}

.ppc-service3-bottomRight {
  max-width: 50%;
  bottom: 4%;
  right: -30%;
}

.account-management-bottomRight {
  max-width: 50%;
  bottom: 15%;
  left: -18%;
}

.account-management-topLeft {
  top: 7%;
  right: -35%;
  max-width: 65%;
}

.account-management-bottomLeft {
  bottom: 7%;
  right: -28%;
  max-width: 62%;
}

.account-management-service1-bottomLeft {
  bottom: 17%;
  left: -20%;
  max-width: 50%;
}

.account-management-service1-bottomLeft2 {
  bottom: 8%;
  left: -20%;
  max-width: 30%;
}

.account-management-service1-topRight {
  top: 10%;
  right: -42%;
  max-width: 70%;
}

.account-management-service2-bottomLeft {
  max-width: 50%;
  bottom: 30%;
  left: -31%;
}

.account-management-service2-bottomLeft2 {
  max-width: 47%;
  bottom: 22%;
  left: -22%;
}

.account-management-service2-bottomLeft3 {
  max-width: 46%;
  bottom: 14%;
  left: -13%;
}

.account-management-service2-topRight {
  top: 10%;
  right: -32%;
  max-width: 60%;
}

.product-launch-topLeft {
  max-width: 60%;
  top: 10%;
  left: -18%;
}

.product-launch-bottomRight {
  bottom: 3%;
  right: -28%;
  max-width: 60%;
}

.product-launch-service1-bottomLeft,
.product-launch-service2-bottomLeft {
  max-width: 45%;
  bottom: 10%;
  left: -25%;
}

.product-launch-service1-topRight,
.product-launch-service2-topRight {
  max-width: 55%;
  top: 6%;
  right: -25%;
}

.product-launch-service1-bottomRight {
  max-width: 60%;
  bottom: 9%;
  right: -38%;
}

.product-launch-service2-bottomLeft {
  max-width: 55%;
}

.product-launch-service2-topRight {
  max-width: 60%;
  right: -30%;
}

.listing-optimization-bottomLeft {
  max-width: 70%;
  bottom: 5%;
  left: -30%;
}

.listing-optimization-topRight {
  top: 5%;
  right: -28%;
  max-width: 60%;
}

.listing-optimization-service2-bottomLeft {
  max-width: 67%;
  bottom: 20%;
  left: -34%;
}

.listing-optimization-service2-bottomLeft2 {
  max-width: 55%;
  bottom: 10%;
  left: -25%;
}

.listing-optimization-service2-topRight {
  max-width: 60%;
  top: 7%;
  right: -30%;
}

.listing-optimization-service2-topLeft {
  max-width: 50%;
}

.brand-content-bottomLeft {
  max-width: 75%;
  bottom: 7%;
  left: -30%;
}

.brand-content-topRight {
  top: 10%;
  right: -28%;
  max-width: 60%;
}

.brand-content-optimization-service1-bottomLeft {
  bottom: 10%;
  left: -25%;
  max-width: 65%;
}

.brand-content-optimization-service1-topRight {
  top: 5%;
  right: -30%;
  max-width: 60%;
}

.brand-content-optimization-service2-bottomLeft {
  bottom: 10%;
  left: -25%;
  max-width: 55%;
}

.brand-content-optimization-service2-topRight {
  top: 5%;
  right: -36%;
  max-width: 70%;
}

.service-scrollerItem .about-relativeArea {
  max-width: 18.125rem;
}

.about-topLeft,
.about-bottomLeftcard,
.about-bottomRight,
.service-topLeft,
.service-bottomRight {
  position: absolute;
  width: 100%;
  z-index: 1;
}

.about-topLeft,
.about-bottomLeftcard {
  overflow: hidden;
}

.about-topLeft {
  border-radius: 0.625rem;
  background: var(--btn-background);
  box-shadow: -0.25rem 0.1875rem 0.9375rem 0 rgba(0, 0, 0, 0.35);
  color: #fff;
  top: 7%;
  left: -21%;
  font-size: 0.75rem;
  padding: 0.9375rem;
  max-width: 14.375rem;
  font-weight: 300;
}

.about-topLeft > h3 {
  font-size: 0.9375rem;
  margin: 0 0 0.3125rem;
  font-weight: 600;
}

.about-bottomRight {
  bottom: 5%;
  right: -17%;
  max-width: 10rem;
}

.about-bottomRight > img {
  width: 100%;
  filter: drop-shadow(0 0.9375rem 1.5625rem rgba(35, 63, 120, 0.35));
}

.about-bottomLeftcard {
  bottom: 7%;
  left: -30%;
  background: #2e51cb;
  border-radius: 0.625rem;
  padding: 0.9375rem;
  filter: drop-shadow(0.9375rem 0.375rem 1.875rem rgba(0, 0, 0, 0.35));
  color: #fff;
  font-weight: 300;
  max-width: 13.5625rem;
}

.about-bottomLeftcard > h3 {
  font-size: 0.75rem;
  margin: 0;
  font-weight: 300;
}

.about-bottomLeftcard > p.card-number {
  font-weight: 500;
  font-size: 0.8125rem;
  margin: 1.25rem 0 0.9375rem;
  word-spacing: 0.375rem;
}

.about-bottomLeftcard > p.card-details {
  font-size: 0.5625rem;
}

.about-bottomLeftcard > p.card-details > span {
  display: block;
  font-size: 0.75rem;
}

.service-topLeft {
  background: #fff;
  padding: 0.625rem 0.9375rem;
  top: 7%;
  left: -21%;
  font-weight: 700;
  max-width: 10rem;
  font-size: 0.875rem;
  border-radius: 0.9375rem;
}

.service-topLeft > p {
  font-size: 1.875rem;
  font-weight: 600;
  line-height: 1.3;
  padding-left: 0.625rem;
}

.service-topLeft > p > small {
  font-size: 0.75rem;
  padding-left: 0.625rem;
}

.service-bottomRight,
.service-topLeft {
  box-shadow: 0 0 0.625rem rgba(0, 0, 0, 0.1);
}

.service-bottomRight {
  background: var(--firstColor);
  border-radius: 0.9375rem;
  padding: 0.625rem;
  bottom: 7%;
  right: -30%;
  max-width: 12.5rem;
  font-size: 0.875rem;
  font-weight: 700;
  text-transform: capitalize;
}

.service-bottomRight .topArea {
  background: #fff;
  border-radius: 0.75rem;
  padding: 0.625rem 0.9375rem;
}

.service-bottomRight .bottomArea {
  background: var(--secondColor);
  border-radius: 0.75rem;
  padding: 0.625rem 0.9375rem;
  margin-top: 0.625rem;
}

.service-bottomRight .bottomArea > p:first-child {
  font-size: 0.75rem;
  margin: 0;
}

.service-bottomRight .bottomArea > h6 {
  font-size: 1.625rem;
  font-weight: 600;
  margin: 0;
}

.service-bottomRight .bottomArea > p:last-child {
  font-size: 0.625rem;
  text-align: right;
}

.section-heading + .section-heading {
  margin-top: 2.5rem;
}

.section-heading > h2 {
  font-size: 2.375rem;
  margin-bottom: 1.5625rem;
  text-transform: capitalize;
}

.inner-banner-heading > h1 > span,
.section-heading > h2 > span {
  color: #ba38df;
}

.section-heading > h2:last-child {
  margin-bottom: 0;
}

.section-heading > h5 {
  font-weight: 700;
  font-size: 1.25rem;
  margin-bottom: 0.9375rem;
}

.section-heading > .link-area,
.section-heading > .simple-link-area,
.inner-banner .inner-banner-heading > .link-area {
  margin-top: 1.875rem;
}

.link-area.text-center {
  margin-top: 2.5rem;
}

.section-heading.text-center {
  margin-bottom: 2.5rem;
}

.section-heading.text-center > h2,
.section-heading.text-center > p {
  max-width: 56.25rem;
  margin-left: auto;
  margin-right: auto;
}

.section-heading.text-center > h2 {
  max-width: 40.625rem;
}

.section-heading > p > a {
  color: #ba38df;
  text-decoration: none;
}

.service-scrollerItem {
  --firstColor: #f5a724;
  --secondColor: #ffce2d;
  display: flex;
  align-items: center;
  background: linear-gradient(
    90deg,
    var(--firstColor) 0%,
    var(--secondColor) 100%
  );
  border-radius: calc(var(--btn-border-radius) * 4);
  padding: 3.125rem 3.75rem;
  min-height: 31.25rem;
}

/* .service-scrollerItemContainer:not(:last-child) {
  margin-bottom: 30vh;
} */

.yellow-gradiant {
  --firstColor: #f5a724;
  --secondColor: #ffce2d;
}

.yellowPeach-gradiant {
  --firstColor: #f1e1c2;
  --secondColor: #fcbc98;
}

.blue-gradiant {
  --firstColor: #71c3f7;
  --secondColor: #2c6cbc;
}

.lightBlue-gradiant {
  --firstColor: #cbd7ff;
  --secondColor: #7a9aff;
}

.purple-gradiant {
  --firstColor: #d590ff;
  --secondColor: #ba42c0;
}

.service-scrollerItem .link-area > a,
.inner-banner .inner-banner-heading > .link-area > a,
.link-area.black-link > a {
  background: #000;
  box-shadow: 0 0 0.625rem 0 rgba(0, 0, 0, 0.3);
  padding-left: 1.5625rem;
  padding-right: 1.5625rem;
  color: #fff;
}

.inner-banner .banner-bottomContainer > h3 {
  color: var(--text-color);
}

.inner-banner .banner-partner > ul > li > img {
  filter: invert(1);
}

/* single-service */

.single-service {
  padding: 1.875rem;
  border: 1px solid var(--secondColor);
  border-radius: var(--btn-border-radius);
  height: 100%;
}

.single-service > img {
  margin: 0 auto 1.5625rem;
  max-height: 4.375rem;
  display: block;
}

.single-service > h3 {
  font-size: 1.5rem;
}

/* .single-team, */
.single-post {
  position: relative;
  background: #fff;
  border-radius: 1.5625rem;
  box-shadow: 0 0 0.9375rem rgba(0, 0, 0, 0.1);
  padding: 0.625rem;
  transition: color 0.4s;
  overflow: hidden;
  z-index: 1;
}

.single-team {
  padding: 0.625rem 0;
}

.single-post {
  padding: 0.625rem;
}

/* .single-team::before, */
.single-post::before {
  content: "";
  position: absolute;
  top: 0%;
  left: 0%;
  background: var(--btn-background);
  width: 100%;
  height: 100%;
  z-index: -1;
  opacity: 0;
  transition: opacity 0.4s;
}

/* .single-team:hover, */
.single-post:hover {
  color: #fff;
}

/* .single-team:hover::before, */
.single-post:hover::before {
  opacity: 1;
}

.single-team > img,
.single-post > img {
  width: 100%;
  border-radius: 1.25rem;
  margin-bottom: 0.3125rem;
}

.single-team > img {
  position: relative;
  left: 0;
  top: 0;
  max-height: 18.4375rem;
  object-fit: cover;
  filter: drop-shadow(0 0 0 #b532d3);
  transition: all 0.3s;
}

.single-team:hover > img {
  left: 0.4375rem;
  top: -0.4375rem;
  filter: drop-shadow(-0.4375rem 0.4375rem 0 #b532d3);
}

.single-teamHeading,
.single-postDetails {
  padding: 0.9375rem 0.625rem;
}

.single-teamHeading > h3 {
  font-size: 1.25rem;
  text-transform: uppercase;
  font-weight: 800;
  margin: 0;
}

.single-teamHeading > p {
  font-size: 0.875rem;
}

.testimonials-carousel {
  overflow: hidden;
}

.testimonials-sectionArea {
  --testimonials-padding: calc(var(--section-padding) * 2);
  position: relative;
  border-radius: 1.25rem;
  border: 2px solid #ddd;
  background: rgb(255 255 255 / 28%);
  backdrop-filter: blur(1.25rem);
  -webkit-backdrop-filter: blur(1.25rem);
  padding: 1.5625rem 1.25rem;
  overflow: hidden;
  z-index: 1;
}

.testimonials-sectionArea::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(237deg, var(--bg-color) 0%, transparent 40%),
    transparent;
  opacity: 0;
  transition: opacity 0.3s;
  z-index: -1;
}

.testimonials-sectionArea:hover::before {
  opacity: 1;
}



div[class^="col-"]:first-child .testimonials-sectionArea {
  margin-top: calc(var(--testimonials-padding) / 4);
}

div[class^="col-"]:nth-child(2) .testimonials-sectionArea {
  margin-top: calc(var(--testimonials-padding) / 2);
}

div[class^="col-"]:nth-child(3) .testimonials-sectionArea {
  margin-top: var(--testimonials-padding);
}

.orange-before {
  --bg-color: rgba(245, 167, 36, 0.4);
}

.blue-before {
  --bg-color: rgba(44, 108, 188, 0.4);
}

.peach-before {
  --bg-color: rgba(252, 188, 151, 0.4);
}

.dark-purple-before {
  --bg-color: rgba(186, 66, 192, 0.4);
}

.gradient-section {
  position: relative;
}

.footer::before,
.footer::after {
  left: 0;
  height: 200%;
  bottom: 0;
  background: radial-gradient(
      182.29999999999998% 69% at 50% 8.4%,
      #fff 0%,
      #fff 28.345139819430482%,
      #ffffffe0 46.39900258832971%,
      transparent 99.95393495930529%
    ),
    radial-gradient(
      113% 100% at -3.9% 100%,
      #ef6589 0%,
      #ef6589 30%,
      #af12da 70%,
      #af12da80 99.95393495930529%
    );
  opacity: 0.2;
  z-index: -1;
}

.gradient-section::before {
  display: none;
}

.testimonial-stars {
  color: #f6ad01;
  margin-bottom: 0.9375rem;
}

.single-testimonial > p {
  font-weight: 600;
  line-height: 1.5;
}

.single-testimonial > img {
  width: 100%;
  max-width: 7.8125rem;
  margin-bottom: 0.9375rem;
}

/* .single-testimonial > p > span, */
.single-postDetails > a > i {
  background: var(--btn-background);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  /* margin: 1px 0 -1px; */
}

ul.testimonial-detailsArea {
  display: flex;
  align-items: center;
  margin-top: 1.5625rem;
}

.testimonial-detailsArea > li {
  display: inline-flex;
  padding: 0 2.5rem;
  align-items: center;
  gap: 0.9375rem;
  border-right: 1px solid #ddd;
}

.testimonial-detailsArea > li:first-child {
  padding-left: 0;
}

.testimonial-detailsArea > li:last-child {
  padding-right: 0;
  border-right: 0;
}

.testimonial-imgs > img {
  max-width: 3.125rem;
  border-radius: 0.625rem;
  box-shadow: 0 0 0.3125rem rgba(0, 0, 0, 0.3);
}

.testimonial-details > h4 {
  font-size: 1rem;
  font-weight: 600;
  margin-bottom: 0;
}

.testimonial-details > h4:last-child {
  margin-bottom: 0;
}

.testimonial-details > p {
  font-size: 0.75rem;
}

.single-post {
  border-radius: 0.9375rem;
}

.single-post > img {
  border-radius: 0.625rem;
}

.single-postDetails > p.date {
  font-size: 0.75rem;
  margin-bottom: 0.625rem;
}

.single-postDetails > h3 {
  font-size: 1.25rem;
}

.single-postDetails > a {
  text-decoration: none;
  display: inline-flex;
  gap: 0.4375rem;
  align-items: center;
  font-size: 0.8125rem;
  color: #000;
  transition: color 0.4s;
}

.single-postDetails > a > i {
  transition: background 0.4s;
}

.single-post:hover .single-postDetails > a {
  color: #fff;
}

.single-post:hover .single-postDetails > a > i {
  background: #fff;
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.faq-accordion .accordion-item {
  position: relative;
  background: #fff;
  box-shadow: 0.0625rem 0.25rem 0.9375rem 0 rgba(0, 0, 0, 0.06);
  border-radius: 0.625rem;
  z-index: 1;
}

.faq-accordion .accordion-item:not(:last-child) {
  margin-bottom: 0.625rem;
}

.faq-accordion .accordion-button {
  background: transparent;
  border: 0;
  box-shadow: none;
  font-weight: 400;
  color: var(--text-color);
  padding: 1.25rem var(--bs-accordion-body-padding-x);
}

.faq-accordion .accordion-body {
  font-size: 0.875rem;
  padding-top: 0;
  padding-bottom: 1.25rem;
}

.faq-accordion .accordion-item::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 1px solid #eee;
  /* background: linear-gradient(
    180deg,
    rgba(137, 11, 237, 0.06) 0%,
    rgba(255, 255, 255, 0) 100%
  ); */
  backdrop-filter: blur(1.25rem);
  -webkit-backdrop-filter: blur(1.25rem);
  border-radius: 0.625rem;
  opacity: 0;
  transition: opacity 0.4s;
  z-index: -1;
}

.faq-accordion .accordion-item:has(.collapse.show)::before,
.faq-accordion .accordion-item:has(.collapsing)::before {
  opacity: 1;
  border-color: #ff01e6;
}

.purpleForm-area {
  padding: 4.375rem 3.75rem;
  background: #ba38df;
  border-radius: calc(var(--btn-border-radius) * 3);
  box-shadow: var(--btn-box-shadow);
  color: #fff;
  text-align: center;
}

/* .purpleForm-area .banner-form {
  margin: 0;
} */

.purpleForm-area h2 {
  font-size: 2.875rem;
  font-weight: 800;
  margin: 0 auto 1.25rem;
  max-width: 43.75rem;
}

.purpleForm-area p {
  max-width: 40rem;
  margin: 0 auto 1.5625rem;
}

.purpleForm-area .banner-afterForm {
  margin-top: 1.25rem;
}

.purpleForm-area .link-area > a {
  background: #fff;
  color: var(--text-color);
  font-weight: 700;
}

.purpleForm-section + .footer {
  margin-top: 6.25rem;
}

.footer {
  position: relative;
  font-size: 0.8125rem;
}

.footer-top {
  padding: 3.125rem 0 3.125rem;
}

.footer .logo {
  margin-bottom: 1.5625rem;
}

.footer .logo ~ p {
  font-weight: 600;
  margin-bottom: 0.9375rem;
}

.footer::after {
  opacity: 0.2;
}

.social-area,
.social-area > ul {
  display: flex;
  gap: 0.75rem;
  font-weight: 600;
}

.social-area > ul > li > a {
  color: var(--text-color);
  font-size: 0.75rem;
}

.footer-details > h3 {
  font-size: 1.125rem;
  margin-bottom: 0.9375rem;
}

.footer-details > ul > li > a {
  display: inline-block;
  padding: 0.1875rem 0;
  color: var(--text-color);
  text-decoration: none;
  font-weight: 500;
}

.footer-bottom {
  border-top: 1px solid #535353;
  padding: 0.9375rem 0;
  font-size: 0.75rem;
}

.sticky-heading {
  position: sticky;
  top: calc(var(--space-md) - 5.375rem);
}

.sticky-heading-2 {
  position: sticky;
  top: calc(var(--space-md) - 5.375rem);
}

ul.contact-ul {
  margin-top: 1.875rem;
}

.contact-ul > li {
  padding: 1.25rem 0;
}

.contact-ul > li:not(:last-child) {
  border-bottom: 1px solid #ddd;
}

.contact-ul > li > h3 {
  font-size: 1.125rem;
  font-weight: 600;
  margin-bottom: 0.625rem;
}

.contact-ul > li > p {
  position: relative;
  padding: 0.1875rem 0 0.1875rem 2.0625rem;
}

.contact-ul > li > p > i {
  position: absolute;
  left: 0;
  top: 0.5rem;
  color: #ba38df;
}

.contact-formArea {
  background: #f1f1fc;
  border-radius: 1.25rem;
  padding: 2.8125rem 1.875rem;
}

.contact-formArea > .row {
  margin: -0.4375rem 0;
  gap: 0.875rem 0;
}

.contact-formArea > .row > * {
  padding: 0 0.4375rem;
}

.contact-input {
  position: relative;
  font-size: 0.875rem;
}

.contact-input > i {
  position: absolute;
  left: 1.125rem;
  top: 50%;
  transform: translate(0%, -50%);
  font-size: 1rem;
}

.contact-input > input,
.contact-input > select {
  width: 100%;
  padding: 0.625rem 0.9375rem;
  background: #fff;
  border: 1px solid #ddd;
  border-radius: var(--btn-border-radius);
  outline: 0;
}

.contact-input > input,
.contact-input > select,
.contact-input > input::placeholder,
.contact-input > i {
  color: #a0a7ab;
  transition: all 0.3s;
}

.contact-input > select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  padding-right: 2.8125rem;
}

.contact-input > i + input,
.contact-input > i + select {
  padding-left: 2.8125rem;
}

.contact-input > select + i {
  left: auto;
  right: 1.125rem;
  pointer-events: none;
}

.nice-select {
  width: 100%;
  height: auto;
  background: #fff;
  border: 1px solid #ddd;
  border-radius: var(--btn-border-radius);
  padding: 0.625rem 0.9375rem;
  line-height: inherit;
}

.contact-input > input:focus,
.contact-input > select:focus,
.contact-input:focus-within > i,
.contact-input:not(:focus-within):has(input:not(:placeholder-shown):valid) > i,
.contact-input:not(:focus-within):has(input:not(:placeholder-shown)) > i,
.nice-select .option.focus, 
.nice-select .option.selected.focus, 
.nice-select .option:hover {
  color: #ba38df;
}

.contact-input > input:focus,
.contact-input > select:focus,
.contact-input > .nice-select:focus,
.contact-input > .nice-select.open {
  border-color: #ba38df;
}

.contact-input input::placeholder,
.contact-input:not(:focus-within) > select:not([value=""]):not(:placeholder-shown),
.nice-select {
  color: #a0a7ab;
}

.contact-input:not(:focus-within) > input:not([type="submit"]):valid,
.contact-input:not(:focus-within) > input:not([type="submit"]):not(:placeholder-shown),
.contact-input:not(:focus-within) > select:has(option:checked:not([value=""])),
.nice-select:has(.list li.selected:not([data-value=""])) {
  color: #313131 !important;
}

.nice-select .option.disabled {
  display: none;
}

.nice-select .list {
  width: 100%;
  padding: 0.4375rem;
}

.nice-select .list,
.nice-select .option {
  border-radius: var(--btn-border-radius);
}

.nice-select .option.focus, 
.nice-select .option.selected.focus, 
.nice-select .option:hover {
  font-weight: 600;
  background: #ba38df26;
}

.contact-input > input[type="submit"] {
  border-color: #ba38df;
  background: #ba38df;
  color: #fff;
  text-transform: uppercase;
}

.header-padding {
  padding-top: calc(var(--section-padding) + 4.375rem);
}

.inner-banner-heading > h1 {
  font-size: 2.875rem;
  margin-bottom: 1.25rem;
}

.inner-banner-heading.text-center > h1 {
  font-size: 3.75rem;
  max-width: 56.25rem;
  margin-left: auto;
  margin-right: auto;
}

.inner-banner-heading > .mini-heading,
.section-heading > .mini-heading {
  margin-bottom: 0.625rem;
  text-transform: capitalize;
  font-size: 1.3125rem;
}

.section-heading > .mini-heading {
  font-size: 1.1875rem;
}

.coming-soon-heading > h1 {
  text-align: center;
  font-size: 5.625rem;
}

.coming-soon-heading > h1 > span {
  display: block;
}

.coming-soon-heading > h1 > small {
  font-size: 60%;
}

.coming-soon-heading > h1 > small > img {
  height: 2.5rem;
  margin: -0.625rem 0 0 0.625rem;
}

.coming-soon-heading > h1 > small,
.coming-soon-heading > h1 > span {
  background: linear-gradient(
    180deg,
    rgba(214, 68, 251, 0.84) 0%,
    #b504a6 100%
  );
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.coming-soon-heading + .banner-form.form-groupArea > button[type="submit"] {
  padding-left: 1.875rem;
  padding-right: 1.875rem;
}

.service-scrollerItem .link-area > a {
  background: #000;
  box-shadow: 0 0 0.625rem 0 rgba(0, 0, 0, 0.3);
  padding-left: 1.5625rem;
  padding-right: 1.5625rem;
}

.services-list {
  margin-top: 1.875rem;
}

.services-list > ul > li {
  display: flex;
  gap: 1.5625rem;
  align-items: flex-start;
  padding: 0.9375rem 0;
}

.services-list > ul > li:last-child {
  padding-bottom: 0;
}

.services-list > ul > li > img {
  width: 3.75rem;
  height: 3.75rem;
  object-fit: contain;
}

.service-list-detail {
  max-width: calc(100% - 5.3125rem);
}

.service-list-detail > h3 {
  font-size: 1.25rem;
}

ul.caseStudy-statUl {
  display: flex;
  gap: 1.5625rem;
  margin-top: 1.875rem;
}

.single-case-study + .single-case-study {
  margin-top: calc(var(--section-padding) * 2);
}

.single-case-study:nth-child(even) > .row {
  flex-direction: row-reverse;
}

.caseStudy-statUl > li {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  border: 1px solid #b532d3;
  color: #b532d3;
  border-radius: calc(var(--btn-border-radius) * 2);
  height: 7.1875rem;
  width: 7.8125rem;
  text-align: center;
  line-height: 1.1;
}

.caseStudy-statUl > li > b {
  display: block;
  font-size: 2rem;
  margin-bottom: 0.3125rem;
}

.caseStudy-imgArea {
  --brand-color: #fff;
  position: relative;
  border: 1px solid #ddd;
  height: 28.125rem;
  background: #fff;
  border-radius: 2.5rem;
  padding: 1.875rem;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  color: var(--text-color);
}

.caseStudy-imgArea.smallArea {
  height: 18.75rem;
  margin: 0 0 0 3.75rem;
}

.caseStudy-imgArea > .caseStudy-hoverText {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--brand-color);
  width: 100%;
  height: 100%;
  top: 0;
  bottom: 0;
  padding: 1.875rem;
  opacity: 0;
  z-index: 1;
  transition: opacity 0.3s;
}

.caseStudy-imgArea:hover > .caseStudy-hoverText {
  opacity: 1;
}

.caseStudy-imgArea > img {
  width: 100%;
  height: 3.75rem;
  object-fit: contain;
}

ul.caseStudy-bannerUl {
  display: flex;
  justify-content: space-between;
  align-items: center;
  text-align: center;
  margin: 3.125rem 0 0 0;
}

.caseStudy-bannerUl > li > b,
.caseStudy-bannerUl > li > a {
  display: block;
  font-weight: 600;
  color: #ba38df;
  font-size: 1.1875rem;
  text-decoration: none;
}

.caseStudyDetail-Area {
  padding: calc(var(--section-padding) * 1.5) 0;
}

.caseStudyDetail-Area:first-child {
  padding-top: 0;
}

.caseStudyDetail-Area:not(:first-child) {
  border-top: 1px solid #ba38df;
}

.caseStudyDetail-Area:last-child {
  border-bottom: 1px solid #ba38df;
}

.caseStudy-DetailimgArea {
  position: relative;
  max-width: 34.375rem;
  margin: 0 auto;
  margin-top: var(--section-padding);
}

.caseStudy-DetailimgArea > img {
  width: 100%;
  border-radius: calc(var(--btn-border-radius) * 2);
  box-shadow: 0 0 0.3125rem rgba(0, 0, 0, 0.1);
}

.caseStudy-DetailimgArea::before {
  width: 130%;
  height: 130%;
}

.caseStudy-DetailimgArea::after {
  width: 200%;
  height: 200%;
}

.caseStudy-DetailCount {
  text-align: center;
  margin: 3.125rem 0;
}

.caseStudy-DetailCount > h3 {
  font-size: 1.875rem;
  margin: 0 0 0.625rem;
}

.caseStudy-DetailCount > h3 > span {
  color: #b532d3;
}

.caseStudy-DetailCount > p:not(.vs-Text) {
  margin: 0;
  font-weight: 700;
}

.caseStudy-DetailCount > p.vs-Text {
  margin: 1.5625rem 0;
  font-weight: 700;
  font-size: 1.5rem;
}

.caseStudy-Result {
  text-align: center;
  border: 1px solid #b532d3;
  border-radius: calc(var(--btn-border-radius) * 2);
  padding: 2.8125rem 1.875rem;
}

.caseStudy-Result h3 {
  font-size: 2.375rem;
  margin-bottom: 1.25rem;
}

.caseStudy-Result p > b > span,
.caseStudy-Result h3 span,
.caseStudy-Result table td span,
.purple-color {
  color: #b532d3;
}

.caseStudy-Result p {
  font-weight: 700;
}

.caseStudy-Result p > b {
  display: block;
  font-size: 2.375rem;
  font-weight: 700;
}

.caseStudy-Result table {
  width: 100%;
  border-spacing: 0;
  border-collapse: separate;
  font-size: 1.25rem;
  font-weight: 700;
}

.caseStudy-Result table td {
  border: 1px solid #313131;
  padding: 1.875rem;
}

.caseStudy-Result table tr:first-child > td:first-child {
  border-radius: 1.875rem 0 0 0;
}

.caseStudy-Result table tr:first-child > td:last-child {
  border-radius: 0 1.875rem 0 0;
}

.caseStudy-Result table tr:last-child > td:first-child {
  border-radius: 0 0 0 1.875rem;
}

.caseStudy-Result table tr:last-child > td:last-child {
  border-radius: 0 0 1.875rem 0;
}

.caseStudy-Result table tr > td:not(:first-child) {
  border-left: 0;
}

.caseStudy-Result table tr:not(:first-child) > td {
  border-top: 0;
}

.caseStudySlider-item {
  border: 1px solid #ddd;
  border-radius: 2.5rem;
}

.caseStudySlider-item > .caseStudy-imgArea {
  height: 11.875rem;
  margin: -1px -1px 0 -1px;
}

.caseStudySlider-item:hover > .caseStudy-imgArea {
  border-color: var(--brand-color);
}

.caseStudySlider-detail {
  padding: 1.5625rem 1.875rem;
  font-size: 0.875rem;
}

.caseStudySlider-detail > h3 {
  font-size: 1.75rem;
}

.caseStudySlider-detail > p {
  color: #a0a7ab;
}

.caseStudySlider-detail > ul.caseStudy-statUl {
  gap: 0.9375rem;
  margin: 0.9375rem 0;
}

.caseStudySlider-detail > .caseStudy-statUl > li {
  width: 6.5625rem;
  height: 4.0625rem;
}

.caseStudySlider-detail > .caseStudy-statUl > li > b {
  font-size: 1.625rem;
  display: block;
}

.mobileMenu-toggle {
  display: inline-flex;
  float: right;
  font-size: 1.25rem;
  display: none;
}

.side-menu {
  position: fixed;
  right: 0;
  top: 0;
  width: 100%;
  max-width: 17.1875rem;
  height: 100vh;
  background: #fff;
  z-index: 105;
  box-shadow: 0 0 0.625rem rgba(0, 0, 0, 0.08);
  transform: translate(100%, 0%);
}

.side-menu .logo {
  padding: 1.5625rem 1.875rem;
  border-bottom: 1px solid #ddd;
}

.side-menu .menu-area {
  padding: 1.5625rem;
  flex-direction: column;
  gap: 1.5625rem;
}

.side-menu .menu-area > ul,
.side-menu .menu-area > ul > li > a {
  width: 100%;
}

.side-menu .menu-area > ul.left-menu {
  flex-direction: column;
  transform: none;
}

.side-menu .menu-area > ul.left-menu > li > a {
  padding-left: 0;
  padding-right: 0;
}

.side-menu .menu-area > ul.left-menu > li > ul.dropDown-menu > li > a {
  white-space: wrap;
}

.side-menu .left-menu > li > ul.dropDown-menu {
  position: relative;
  display: none;
  font-size: 0.75rem;
}

.side-menu .left-menu > li:hover > ul.dropDown-menu,
.side-menu .left-menu > li.show-dropDown > ul.dropDown-menu {
  display: block;
  opacity: 1;
  visibility: visible;
}

ul.dropDown-menu > li > a > .menu-img > img {
  max-height: 1.25rem;
}

.side-menu-bg {
  position: fixed;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.7);
  z-index: 104;
}

.side-menu,
.side-menu-bg {
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s, transform 0.3s, visibility 0.3s;
}

.side-menu.show-this,
.side-menu-bg.show-this {
  opacity: 1;
  visibility: visible;
  transform: translate(0%, 0%);
}

.proposal-popup-bg,
.proposal-popup {
  position: fixed;
  z-index: 105;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s, visibility 0.3s;
}

.proposal-popup-bg.show-this,
.proposal-popup.show-this {
  opacity: 1;
  visibility: visible;
}

.proposal-popup-bg {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6);
}

.proposal-popup {
  max-height: calc(100vh - 1.875rem);
  width: calc(100% - 1.875rem);
  display: flex;
  max-width: 53.125rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: #fff;
  border-radius: calc(var(--btn-border-radius) * 2);
  overflow: hidden auto;
}

.proposal-leftArea,
.proposal-rightArea {
  padding: 1.875rem;
}

.proposal-leftArea {
  width: 55%;
}

.proposal-rightArea {
  background: #f9e5ff;
  width: 45%;
}

.proposal-rightArea > p {
  font-weight: 600;
}

.proposal-rightArea > img {
  width: 100%;
  margin-top: 1.875rem;
}

.proposal-popup h3 {
  font-size: 1.5rem;
}

.proposal-popup .small-text {
  font-size: 0.75rem;
  margin-bottom: 0.9375rem;
}

.proposal-leftArea p {
  margin-bottom: 0.3125rem;
}

.proposal-leftAreaRow {
  margin: 0 -0.4375rem;
  gap: 0.9375rem 0;
}

.proposal-leftAreaRow > * {
  padding: 0 0.4375rem;
}

.proposal-leftArea input[type="radio"] {
  display: none;
}

.proposal-leftArea input[type="radio"] + label {
  position: relative;
  font-size: 0.875rem;
  padding: 0 0.9375rem 0 1.5625rem;
}

.proposal-leftArea input[type="radio"] + label::before,
.proposal-leftArea input[type="radio"] + label::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0.25rem;
  width: 0.875rem;
  height: 0.875rem;
  border-radius: 0.25rem;
  transition: all 0.3s;
}

.proposal-leftArea input[type="radio"] + label::before {
  border: 1px solid #ba38df;
  box-shadow: 0 0 0 0.1875rem rgba(186, 56, 223, 0);
}

.proposal-leftArea input[type="radio"]:checked + label::before {
  box-shadow: 0 0 0 0.1875rem rgba(186, 56, 223, 0.15);
}

.proposal-leftArea input[type="radio"] + label::after {
  background-color: #ba38df;
  background-image: url("../images/popup/check.svg");
  background-repeat: no-repeat;
  background-size: 0.5625rem;
  background-position: 45% center;
  opacity: 0;
}

.proposal-leftArea input[type="radio"]:checked + label::after {
  opacity: 1;
}

.proposal-cross {
  position: absolute;
  right: 0.9375rem;
  top: 0.9375rem;
  background: #fff;
  border-radius: 50%;
  width: 1.5625rem;
  height: 1.5625rem;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}

.stack-cards {
  --stack-cards-gap: var(--space-sm);
  margin-bottom: -40vh !important;
}
  
.stack-cards__item {
  position: relative;
  position: -webkit-sticky;
  position: sticky;
  top: var(--space-md);
  height: 100vh;
  -webkit-transform-origin: center top;
  transform-origin: center top;
}

.stack-cards__item > * {
  position: absolute;
  top: 0;
  left: 0;
}

.nice-select {
  font-size: 0.875rem;
}

/* Max Width */

.max-350 {
  max-width: 21.875rem !important;
}

.max-500 {
  max-width: 31.25rem !important;
}

/* Paddings */

.pt-double {
  padding-top: calc(var(--section-padding) * 2);
}

/* Margins */

.mb-default {
  margin-bottom: var(--section-padding);
}

.mb-15 {
  margin-bottom: 0.9375rem !important;
}

/* Animations */

.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.animate-onLoad {
  animation-delay: var(--delay);
}

.fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}

.fadeInLeft {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
}

.fadeInRight {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
}

.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}

.fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
}

.flipInY {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInY;
  animation-name: flipInY;
}

@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@-webkit-keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@-webkit-keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@-webkit-keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@-webkit-keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@-webkit-keyframes flipInY {
  from {
    -webkit-transform: perspective(25rem) rotate3d(0, 1, 0, 90deg);
    transform: perspective(25rem) rotate3d(0, 1, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(25rem) rotate3d(0, 1, 0, -20deg);
    transform: perspective(25rem) rotate3d(0, 1, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(25rem) rotate3d(0, 1, 0, 10deg);
    transform: perspective(25rem) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(25rem) rotate3d(0, 1, 0, -5deg);
    transform: perspective(25rem) rotate3d(0, 1, 0, -5deg);
  }

  to {
    -webkit-transform: perspective(25rem);
    transform: perspective(25rem);
  }
}

@keyframes flipInY {
  from {
    -webkit-transform: perspective(25rem) rotate3d(0, 1, 0, 90deg);
    transform: perspective(25rem) rotate3d(0, 1, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(25rem) rotate3d(0, 1, 0, -20deg);
    transform: perspective(25rem) rotate3d(0, 1, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(25rem) rotate3d(0, 1, 0, 10deg);
    transform: perspective(25rem) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(25rem) rotate3d(0, 1, 0, -5deg);
    transform: perspective(25rem) rotate3d(0, 1, 0, -5deg);
  }

  to {
    -webkit-transform: perspective(25rem);
    transform: perspective(25rem);
  }
}

@keyframes marquee {
  0% {
    transform: translateX(0%);
  }
  100% {
    transform: translateX(-50%);
  }
}

@media (min-width: 1200px) {
  .container,
  .container-lg,
  .container-md,
  .container-sm,
  .container-xl {
    max-width: 1140px;
  }

  html, body {
    font-size: 15px;
  }
}

@media (min-width: 1400px) {
  .container,
  .container-lg,
  .container-md,
  .container-sm,
  .container-xl {
    max-width: 1140px;
  }

  html, body {
    font-size: 16px;
  }
}

@media (min-width: 1700px) {
  .container,
  .container-lg,
  .container-md,
  .container-sm,
  .container-xl {
    max-width: 1297px;
  }

  html, body {
    font-size: 18.2px;
  }
}


@media (min-width: 1800px) {
  .container,
  .container-lg,
  .container-md,
  .container-sm,
  .container-xl {
      max-width: 1430px;
  }

  html, body {
    font-size: 20px;
  }
}


@media (max-width: 576px) {
  body {
    font-size: 14px;
  }

  section:not(.no-overflow-hidden) {
    overflow: hidden;
  }

  .header .menu-area {
    display: none;
  }

  .banner-heading > h1 {
    font-size: 35px;
    margin: 0;
  }

  .form-groupArea {
    flex-direction: column;
    text-align: center;
  }

  .form-groupArea > input {
    padding: 10px 15px;
    margin-bottom: 10px;
  }

  .banner-form {
    margin: 30px auto;
  }

  .banner-afterForm {
    font-size: 11px;
  }

  .banner-bottomContainer > h3 {
    font-size: 20px;
    margin-bottom: 25px;
  }

  .banner-partner > ul > li > img {
    min-height: 30px;
    min-width: 80px;
    max-height: 30px;
    max-width: 80px;
  }

  .about-relativeArea {
    width: 70%;
  }

  .home-about-relativeArea {
    width: 58%;
  }

  .about-topLeft,
  .about-bottomLeftcard,
  .about-bottomRight,
  .service-bottomRight,
  .service-topLeft {
    scale: 0.7;
  }

  .section-heading > h2 {
    font-size: 26px;
  }

  div[class^="col-"]:first-child .about-relativeArea {
    margin-bottom: var(--section-padding);
  }

  div[class^="col-"]:last-child .about-relativeArea {
    margin-top: var(--section-padding);
  }

  .service-scrollerItem {
    padding: 35px 25px;
    min-height: 475px;
  }

  .section-heading > h5 {
    font-size: 17px;
  }

  .service-scrollerItem img {
    margin-top: 40px;
  }

  .single-teamHeading > h3 {
    font-size: 17px;
  }

  .single-teamHeading > p {
    font-size: 12px;
  }

  .sticky-heading {
    top: calc(var(--space-md) - 5.375rem);
  }

  div[class^="col-"]:not(:last-child) .testimonials-sectionArea,
  div[class^="col-"]:not(:last-child) .single-post {
    margin: 0 0 15px;
  }

  .purpleForm-area {
    padding: 30px 30px;
  }

  .purpleForm-area h2 {
    font-size: 28px;
  }

  div[class^="col-"]:not(:first-child) .footer-details {
    margin-top: 25px;
  }

  .faq-accordion .accordion-body {
    font-size: 12px;
  }

  .single-postDetails > h3 {
    font-size: 18px;
  }

  .mobileMenu-toggle {
    display: block;
  }

  .inner-banner .about-relativeArea {
    display: none;
  }

  .inner-banner-heading > h1 {
    font-size: 28px;
  }

  .right-menu > li > a,
  .link-area > a {
    font-size: 10px;
  }

  .service-scrollerItem .link-area > a,
  .inner-banner .inner-banner-heading > .link-area > a,
  .link-area.black-link > a {
    padding-left: 20px;
    padding-right: 20px;
  }

  .services-list > ul > li > img {
    width: 40px;
    height: 40px;
  }

  .service-list-detail {
    max-width: calc(100% - 65px);
  }

  .mob-row-reverse {
    flex-direction: column-reverse;
  }

  .mob-row-reverse div[class^="col-"]:last-child .about-relativeArea {
    margin-top: 0;
    margin-bottom: calc(var(--section-padding) / 2);
  }

  div[class^="col-"]:not(:last-child) .single-service,
  div[class^="col-"]:not(:last-child) .caseStudySlider-item {
    margin-bottom: 15px;
    height: auto;
  }

  .single-service {
    padding: 25px;
  }

  .contact-formArea {
    padding: 25px 10px;
  }

  .inner-banner-heading > .mini-heading,
  .section-heading > .mini-heading {
    font-size: 17px;
  }

  .inner-banner-heading.text-center > h1 {
    font-size: 40px;
  }

  .caseStudy-imgArea {
    height: 225px;
    margin-bottom: 25px;
  }

  .caseStudy-statUl > li {
    height: 95px;
    width: 105px;
  }

  .caseStudy-statUl > li > b {
    font-size: 24px;
  }

  .single-case-study + .single-case-study {
    margin-top: var(--section-padding);
  }

  .caseStudy-imgArea.smallArea {
    margin: 50px 0 0 0;
    height: 225px;
  }

  ul.caseStudy-bannerUl {
    flex-wrap: wrap;
    gap: 15px;
  }

  ul.caseStudy-bannerUl > li {
    width: calc(50% - 7.5px);
    font-size: 12px;
  }

  .caseStudy-bannerUl > li > b,
  .caseStudy-bannerUl > li > a {
    font-size: 14px;
  }

  .caseStudyDetail-Area .section-heading {
    margin-bottom: 20px;
  }

  .caseStudyDetail-Area {
    padding: var(--section-padding) 0;
  }

  .caseStudy-DetailCount > h3,
  .caseStudy-Result h3,
  .caseStudy-Result p > b {
    font-size: 26px;
  }

  .caseStudy-Result h3 {
    margin-bottom: 15px;
  }

  .caseStudy-Result table {
    font-size: 14px;
  }

  .caseStudy-Result table td {
    padding: 10px;
  }

  .caseStudy-Result table tr:first-child > td:first-child {
    border-radius: 20px 0 0 0;
  }

  .caseStudy-Result table tr:first-child > td:last-child {
    border-radius: 0 20px 0 0;
  }

  .caseStudy-Result table tr:last-child > td:first-child {
    border-radius: 0 0 0 20px;
  }

  .caseStudy-Result table tr:last-child > td:last-child {
    border-radius: 0 0 20px 0;
  }

  .caseStudySlider-detail > h3 {
    font-size: 24px;
  }

  .proposal-leftArea {
    width: 100%;
  }

  .proposal-rightArea {
    display: none;
  }

  .proposal-popup h3 {
    font-size: 21px;
  }

  .service-scrollerItem .about-relativeArea {
    display: none;
  }

  .banner-partner > ul {
    width: 400vw;
  }

  .banner-partner > ul > li {
    min-width: 40vw;
    max-width: 40vw;
  }

  .ppc-service1-topLeft,
  .ppc-service2-topLeft,
  .ppc-service2-bottomLeft,
  .ppc-service3-topLeft,
  .account-management-service1-bottomLeft,
  .product-launch-service1-bottomLeft, 
  .product-launch-service2-bottomLeft,
  .listing-optimization-service2-bottomLeft,
  .brand-content-optimization-service1-bottomLeft,
  .brand-content-optimization-service2-bottomLeft {
    left: -23%;
  }

  .ppc-service1-bottomRight,
  .ppc-service2-bottomRight,
  .ppc-service3-bottomRight,
  .account-management-service1-topRight,
  .account-management-service2-topRight,
  .product-launch-service1-topRight,
  .product-launch-service2-topRight,
  .product-launch-service1-bottomRight,
  .listing-optimization-service2-topRight,
  .brand-content-optimization-service1-topRight,
  .brand-content-optimization-service2-topRight {
    right: -23%;
  }
  
  .account-management-service2-bottomLeft {
    left: -25%;
  }

  .account-management-service2-bottomLeft2,
  .listing-optimization-service2-bottomLeft2 {
    left: -20%;
  }
}