:root {
  --black: #000000;
  --branddark-gray: #4a4b4c;
  --brandred: #ce181e;
  --brandred-10: #fff7f7;
  --brandwhite: #ffffff;
  --dove-gray: #6d6e71;
  --dove-gray-2: #70706f;

  --font-size-60px: 3vw;
  --font-size-l: 0.95vw;
  --font-size-m: 0.9vw;
  --font-size-s: 0.8vw;
  --font-size-xl: 1vw;
  --font-size-xs: 0.7vw;
  --font-size-xxl: 1.5vw;
  --font-size-xxxl: 2.45vw;

  --font-family-montserrat: "Montserrat", Helvetica;
  --font-family-roboto: "Roboto", Helvetica;
}

body {
  /* overflow-x: hidden; */
}

.bodybody-1 {
  font-family: var(--font-family-roboto);
  font-size: var(--font-size-s);
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0px;
}

.headerheader {
  font-family: var(--font-family-montserrat);
  font-size: var(--font-size-60px);
  font-style: normal;
  font-weight: 900;
  letter-spacing: 0px;
}

.headerheader-2 {
  font-family: var(--font-family-montserrat);
  font-size: var(--font-size-xxl);
  font-style: normal;
  font-weight: 900;
  letter-spacing: 0px;
}

.bodybody {
  font-family: var(--font-family-montserrat);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0px;
}

.headerheader-4 {
  font-family: var(--font-family-montserrat);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 900;
  letter-spacing: 0px;
}

.headerheader-3 {
  font-family: var(--font-family-montserrat);
  font-size: var(--font-size-xl);
  font-style: normal;
  font-weight: 900;
  letter-spacing: 0px;
}

.montserrat-bold-monza-16px {
  color: var(--brandred);
  font-family: var(--font-family-montserrat);
  font-size: var(--font-size-s);
  font-style: normal;
  font-weight: 700;
}

.montserrat-bold-dove-gray-18px {
  color: var(--dove-gray);
  font-family: var(--font-family-montserrat);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 700;
}

.montserrat-normal-dove-gray-16px {
  color: var(--dove-gray-2);
  font-family: var(--font-family-montserrat);
  font-size: var(--font-size-s);
  font-style: normal;
  font-weight: 400;
}

.roboto-normal-gravel-18px {
  color: var(--branddark-gray);
  font-family: var(--font-family-roboto);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 400;
}

.montserrat-black-gravel-200px {
  color: var(--branddark-gray);
  font-family: var(--font-family-montserrat);
  font-size: 10.45vw;
  font-style: normal;
  font-weight: 900;
}

.montserrat-semi-bold-black-22px {
  color: var(--black);
  font-family: var(--font-family-montserrat);
  font-size: 1.1vw;
  font-style: normal;
  font-weight: 600;
}

.montserrat-bold-gravel-20px {
  color: var(--branddark-gray);
  font-family: var(--font-family-montserrat);
  font-size: var(--font-size-xl);
  font-style: normal;
  font-weight: 700;
}

.montserrat-extra-bold-white-14px {
  color: var(--brandwhite);
  font-family: var(--font-family-montserrat);
  font-size: var(--font-size-xs);
  font-style: normal;
  font-weight: 800;
}

.montserrat-extra-bold-gravel-19px {
  color: var(--branddark-gray);
  font-family: var(--font-family-montserrat);
  font-size: var(--font-size-l);
  font-style: normal;
  font-weight: 800;
}

.montserrat-light-black-18px {
  color: var(--black);
  font-family: var(--font-family-montserrat);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 300;
}

.montserrat-bold-gravel-18px {
  color: var(--branddark-gray);
  font-family: var(--font-family-montserrat);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 700;
}
.vector {
  background-color: transparent;
  position: relative;
}
.mask-group {
  background-color: transparent;
  position: relative;
}
.leverage-the-most-co {
  background-color: transparent;
  color: var(--branddark-gray);
  font-style: normal;
  font-weight: 400;
  height: auto;
  line-height: 1vw;
  text-align: left;
  width: 10.45vw;
}

/* screen - landingpage-saleforce */
/* section-one */
.section-one {
  position: relative;
  width: 99vw;
}
.breadcrumb-TO7U2q {
  align-items: flex-start;
  background-color: transparent;
  display: inline-flex;
  gap: 5px;
  position: relative;
  left: 11.5vw;
}
.frame-35-ZOsx7P {
    align-items: flex-start;
    background-color: transparent;
    display: grid;
    flex: 0 0 auto;
    gap: 5px;
    position: relative;
    grid-template-columns: 3vw 0.5vw 2vw 0.5vw 1vw;
}
.x-luvina-salesforce {
  background-color: transparent;
  color: var(--brandred);
  font-style: normal;
  font-weight: 400;
  line-height: 1vw;
  margin-top: -1px;
  position: relative;
  text-align: left;
  white-space: nowrap;
  width: fit-content;
}
.text-luvina-salesforce {
  background-color: transparent;
  font-style: normal;
  font-weight: 400;
  margin-top: -1px;
  position: relative;
  text-align: left;
  white-space: nowrap;
  width: fit-content;
  font-size: 0.8vw;
}
.text-pKQfE8 {
  color: var(--brandred);
}

.text-ixjUgS {
  color: var(--brandred);
}

.text-muF9oV {
  color: var(--branddark-gray);
}

.section-one-title {
  position: relative;
  width: auto;
  height: auto;
}
.title-TO7U2q {
  background-color: transparent;
  color: var(--branddark-gray);
  height: auto;
  line-height: 3.8vw;
  text-align: center;
  white-space: nowrap;
  width: auto;
}
.with-a-team-rich-in-TO7U2q {
  background-color: transparent;
  color: var(--branddark-gray);
  height: auto;
  line-height: 22.5px;
  text-align: center;
  position: relative;
  width: 49vw;
  left: 25vw;
  font-size: 0.9vw;
}
.section-one-group-rectangle {
  position: relative;
  top: 2vw;
  width: 99vw;
  height: 26.5vw;
}
.rectangle-738-TO7U2q {
  background-color: var(--brandwhite);
  border-radius: 10px;
  box-shadow: 0px 4px 16px #0000001a;
  height: 26.5vw;
  left: 21.5vw;
  position: absolute;
  width: 18vw;
}
.rectangle-739-TO7U2q {
  background-color: var(--brandwhite);
  border-radius: 10px;
  box-shadow: 0px 4px 16px #0000001a;
  height: 26.5vw;
  left: 41.1vw;
  position: absolute;
  width: 18vw;
}

.rectangle-740-TO7U2q {
  background-color: var(--brandwhite);
  border-radius: 10px;
  box-shadow: 0px 4px 16px #0000001a;
  height: 26.5vw;
  left: 60.5vw;
  position: absolute;
  width: 18vw;
}
.salesforce-consulting-services-TO7U2q,
.salesforce-implementation-services-TO7U2q,
.salesforce-dev-ops-services-TO7U2q {
  background-color: transparent;
  letter-spacing: 0px;
  line-height: normal;
  text-align: center;
  top: 3vw;
  position: relative;
  left: 1.5vw;
  width: 15vw;
  height: 2.5vw;
}
.our-expert-consultan-TO7U2q,
.we-simplify-salesfor-TO7U2q {
  top: 3.5vw;
}
.streamline-developme-TO7U2q {
  top: 4.7vw;
}
.our-expert-consultan-TO7U2q,
.we-simplify-salesfor-TO7U2q,
.streamline-developme-TO7U2q {
  background-color: transparent;
  height: auto;
  left: 1.5vw;
  letter-spacing: 0px;
  line-height: normal;
  position: relative;
  text-align: center;
  width: 15.5vw;
  top: 3.5vw;
}
.group-715-TO7U2q,
.group-716-TO7U2q,
.group-717-TO7U2q {
  background-color: transparent;
  position: relative;
  left: 5vw;
  top: 5vw;
}
.vector-cZ3TNP,
.vector-SJbcz7,
.vector-rHxN55 {
  height: 7.5vw;
  width: 7vw;
}
.frame-10 {
  align-items: center;
  background-color: var(--brandred);
  border-radius: 100px;
  display: inline-flex;
  gap: 10px;
  height: 48px;
  justify-content: center;
  padding: 16px;
}

.icon-pack-variants24 {
  background-color: transparent;
  height: 1.2vw;
  overflow: hidden;
  position: relative;
  width: 1.5vw;
}
.icon-pack-variants24-ctYZxw {
  margin-bottom: -0.2vw;
  margin-top: -0.2vw;
}
.vector-2-stroke {
  background-color: transparent;
  height: 1vw;
  left: 0.35vw;
  position: absolute;
  top: 0.1vw;
  width: 1vw;
  object-fit: none;
}
/* section-two */
.section-two {
  position: relative;
  top: 4vw;
}

.rectangle-832-TO7U2q {
  background-color: #f8f8f8;
  height: 39vw;
  width: 99vw;
}
.our-capabilities-TO7U2q {
  color: var(--branddark-gray);
  height: auto;
  line-height: 3.8vw;
  position: relative;
  top: 2vw;
  text-align: center;
  width: auto;
}
.our-capabilities {
  background-color: transparent;
  white-space: nowrap;
}

.section-two-content {
  display: flex;
}

.section-two-salesforce,
.section-two-solution {
  flex: 1;
}

.section-two-salesforce {
  width: 50vw;
  position: relative;
  height: 25vw;
  top: 2vw;
}
.x01-TO7U2q {
  background-color: transparent;
  height: auto;
  letter-spacing: 0px;
  line-height: 13vw;
  opacity: 0.2;
  white-space: nowrap;
  width: auto;
  position: relative;
  left: 15vw;
}
.salesforce-solutions-for-ecommerce-TO7U2q {
  background-color: transparent;
  color: var(--branddark-gray);
  height: auto;
  line-height: 2vw;
  position: relative;
  top: -4.5vw;
  white-space: nowrap;
  width: auto;
  left: 18vw;
}
.leveraging-salesforc-TO7U2q {
  background-color: transparent;
  color: transparent;
  font-style: normal;
  font-weight: 400;
  height: auto;
  line-height: 1.3vw;
  position: relative;
  top: -4.5vw;
  text-align: left;
  width: 30vw;
  left: 18vw;
}
.span0-ZDjMeU {
  color: var(--brandred);
}

.span1-ZDjMeU {
  color: var(--branddark-gray);
  line-height: 1.15vw;
}

.section-two-solution {
  width: 50vw;
  position: relative;
  height: 20vw;
  top: 10.5vw;
  padding-left: 3vw;
  display: grid;
  grid-template-columns: 12vw 12vw 1fr;
  grid-template-rows: auto auto;
  row-gap: 1vw;
}

.vector-51-TO7U2q,
.vector-54-TO7U2q,
.vector-52-TO7U2q,
.vector-55-TO7U2q,
.vector-53-TO7U2q {
  background-color: transparent;
  height: 0.2vw;
}
.enhanced-scalability-TO7U2q {
  background-color: transparent;
  height: auto;
  letter-spacing: 0px;
  line-height: 1vw;
  text-align: left;
  white-space: nowrap;
  width: auto;
}
.simplified-order-management-TO7U2q {
  background-color: transparent;
  height: auto;
  letter-spacing: 0px;
  line-height: 1vw;
  text-align: left;
  width: 12vw;
}
.ai-driven-insights-TO7U2q {
  background-color: transparent;
  height: auto;
  letter-spacing: 0px;
  line-height: 1vw;
  text-align: left;
  white-space: nowrap;
  width: auto;
}
.seamless-integration-TO7U2q {
  background-color: transparent;
  height: auto;
  letter-spacing: 0px;
  line-height: 1vw;
  text-align: left;
  white-space: nowrap;
  width: auto;
}

.personalization-at-scale-TO7U2q {
  background-color: transparent;
  height: auto;
  letter-spacing: 0px;
  line-height: 1vw;
  text-align: left;
  white-space: nowrap;
  width: auto;
}

/* section-three */
.section-three {
  position: relative;
/*   top: 10vw; */
  height: 47vw;
}
.mockup-laptop-1-TO7U2q {
  background-color: transparent;
  height: 23.4vw;
  left: 30vw;
  position: relative;
  top: 12vw;
  width: 40.2vw;
}

.mockup-iphone-14-1-TO7U2q {
  background-color: transparent;
  height: 16.1vw;
  left: 33.5vw;
  position: relative;
  top: -6vw;
  width: 8vw;
}
.group-692-TO7U2q {
  background-color: transparent;
  height: 5.2vw;
  left: 44vw;
  position: absolute;
  top: 5vw;
  width: 18.25vw;
}

.rectangle-788-HQMw7Q {
  background-color: #d7ffe1;
  border-radius: 8px;
  height: 5.2vw;
  width: 18.25vw;
  display: flex;
  justify-content: center;
  align-items: center;
}

.digital-storefronts-HQMw7Q,
.commerce-ai-for-merchants-lC3hZK,
.commerce-ai-for-customers-fgbydn,
.commerce-intelligenc-lh7YwN,
.customer-acquisition-and-loyalty-7XBuA4 {
  background-color: transparent;
  color: var(--branddark-gray);
  height: auto;
  line-height: 1.15vw;
  text-align: center;
  white-space: nowrap;
  width: auto;
}

.group-696-TO7U2q {
  background-color: transparent;
  height: 5.2vw;
  left: 17vw;
  position: absolute;
  top: 11vw;
  width: 18.25vw;
}

.rectangle-786-lC3hZK {
  background-color: #ffe5d2;
  border-radius: 8px;
  height: 5.2vw;
  left: 0px;
  position: absolute;
  top: 0px;
  width: 18.25vw;
  display: flex;
  justify-content: center;
  align-items: center;
}
.group-694-TO7U2q {
  background-color: transparent;
  height: 5.2vw;
  left: 61.5vw;
  position: absolute;
  top: 22vw;
  width: 18.25vw;
}

.rectangle-790-fgbydn {
  background-color: #ccfff9;
  border-radius: 8px;
  height: 5.2vw;
  left: 0px;
  position: absolute;
  top: 0px;
  width: 18.25vw;
  display: flex;
  justify-content: center;
  align-items: center;
}
.group-693-TO7U2q {
  background-color: transparent;
  height: 5.2vw;
  left: 69vw;
  position: absolute;
  top: 11vw;
  width: 18.25vw;
}

.rectangle-789-lh7YwN {
  background-color: #edffca;
  border-radius: 8px;
  height: 5.2vw;
  left: 0px;
  position: absolute;
  top: 0px;
  width: 18.25vw;
  display: flex;
  justify-content: center;
  align-items: center;
}

.group-695-TO7U2q {
  background-color: transparent;
  height: 5.2vw;
  left: 13.5vw;
  position: absolute;
  top: 22vw;
  width: 19.38vw;
}

.rectangle-787-7XBuA4 {
  background-color: #d0efff;
  border-radius: 8px;
  height: 5.2vw;
  left: 0px;
  position: absolute;
  top: 0px;
  width: 19.38vw;
  display: flex;
  justify-content: center;
  align-items: center;
}
.hire-workday-experts-now {
  background-color: transparent;
  letter-spacing: 0px;
  line-height: normal;
  margin-top: -0.08vw;
  position: relative;
  text-align: center;
  width: fit-content;
}
.icon-pack-variants24-MTuhvM {
  margin-bottom: -4px;
  margin-top: -4px;
}
@media only screen and (min-width: 1024px){
.section-three img,
.section-three .group-692-TO7U2q,
.section-three .group-696-TO7U2q,
.section-three .group-694-TO7U2q,
.section-three .group-693-TO7U2q,
.section-three .group-695-TO7U2q,
.section-three .frame-10-QzKsi3 {
  opacity: 0;
  transform: translateY(100%);
  transition: opacity 3s ease-out, transform 3s ease-out;
}

.section-three img.show,
.section-three .group-692-TO7U2q.show,
.section-three .group-696-TO7U2q.show,
.section-three .group-694-TO7U2q.show,
.section-three .group-693-TO7U2q.show,
.section-three .group-695-TO7U2q.show,
.section-three .frame-10-QzKsi3.show {
  opacity: 1;
  transform: translateY(0);
}
}

/* section-four */
.section-four {
  background-color: #f8f8f8;
  position: relative;
  width: 99vw;
  height: 50vw;
  display: flex;
}
.section-four-left,
.section-four-right {
  flex: 1;
}
.section-four-title {
  position: relative;
  width: 50vw;
  padding-bottom: 25px;
}
.x02-TO7U2q {
  background-color: transparent;
  height: auto;
  left: 12vw;
  letter-spacing: 0px;
  line-height: 13vw;
  opacity: 0.2;
  position: relative;
  text-align: left;
  top: 1vw;
  white-space: nowrap;
  width: auto;
}
.salesforce-solutions-for-sales-TO7U2q {
  background-color: transparent;
  color: var(--branddark-gray);
  font-style: normal;
  font-weight: 900;
  height: auto;
  left: 16.3vw;
  line-height: 1.9vw;
  position: relative;
  text-align: left;
  top: -3.5vw;
  white-space: nowrap;
  width: auto;
}

.set-the-foundation-f-TO7U2q {
  background-color: transparent;
  color: transparent;
  font-style: normal;
  font-weight: 400;
  height: auto;
  left: 16.3vw;
  line-height: 1.3vw;
  position: relative;
  text-align: left;
  top: -2.5vw;
  width: 30.8vw;
}
.span0-4y2vEN {
  color: var(--brandred);
  font-style: normal;
  font-weight: 900;
}

.span1-4y2vEN {
  color: var(--branddark-gray);
  line-height: 1.15vw;
  position: relative;
  top: 1vw;
}
.group-688-TO7U2q {
  background-color: transparent;
  height: 20.3vw;
  left: 16.3vw;
  position: relative;
  display: grid;
  grid-template-columns: 12vw 12vw 12vw;
  grid-template-rows: auto auto;
}
.vector-47-Zmxrxq,
.vector-48-Zmxrxq,
.vector-49-Zmxrxq,
.vector-50-Zmxrxq {
  background-color: transparent;
  height: 0.2vw;
}
.maximized-productivity-Zmxrxq,
.strong-customer-relationships-Zmxrxq,
.visibility-and-accountability-Zmxrxq,
.efficiency-and-automation-Zmxrxq {
  background-color: transparent;
  height: auto;
  letter-spacing: 0px;
  line-height: 1vw;
  text-align: left;
  width: 11vw;
}
.empower-your-entire-Zmxrxq,
.build-and-nurture-st-Zmxrxq,
.gain-visibility-into-Zmxrxq,
.drive-seller-efficie-Zmxrxq {
  background-color: transparent;
  color: var(--branddark-gray);
  font-style: normal;
  font-weight: 400;
  height: auto;
  line-height: 1vw;
  text-align: left;
  width: 10vw;
}

.section-four-right {
  position: relative;
  width: 50vw;
}
.group-686-TO7U2q {
  background-color: transparent;
  height: 17.66vw;
  width: 32.56vw;
  position: relative;
  top: 10vw;
  left: 5vw;
}
.mask-group-FxWdnT {
  height: 17.66vw;
  width: 32.56vw;
}
.group-687-TO7U2q {
  background-color: transparent;
  width: 32.56vw;
  position: relative;
  top: 12.8vw;
  left: 5vw;
}
.luvina-leverages-sal-LP2nff {
  background-color: transparent;
  color: var(--branddark-gray);
  font-style: normal;
  font-weight: 400;
  height: auto;
  line-height: 1.15vw;
  text-align: left;
  width: 31.4vw;
}
/* section-five */
.section-five {
  background-color: #f8f8f8;
  position: relative;
  display: flex;
}
.section-five-left,
.section-five-right {
  flex: 1;
}
.section-five-left {
  position: relative;
  width: 50vw;
}
.section-five-right {
  position: relative;
  width: 50vw;
}
.group-697-TO7U2q {
  background-color: transparent;
  height: 17.67vw;
  left: 16.3vw;
  position: relative;
  top: 5vw;
  width: 32.55vw;
}
.mask-group-uPZUBk {
  height: 17.67vw;
  width: 32.55vw;
}
.by-leveraging-salesf-TO7U2q {
  background-color: transparent;
  color: var(--branddark-gray);
  font-style: normal;
  font-weight: 400;
  height: auto;
  line-height: 1.15vw;
  text-align: left;
  width: 31.2vw;
  left: 16.3vw;
  position: relative;
  top: 6vw;
}

.section-five-title {
  position: relative;
  top: -3.8vw;
}

.x03-TO7U2q {
  background-color: transparent;
  height: auto;
  left: 1vw;
  letter-spacing: 0px;
  line-height: 12.5vw;
  opacity: 0.2;
  position: relative;
  text-align: left;
  white-space: nowrap;
  width: 45vw;
}
.salesforce-solutions-for-services-TO7U2q {
  background-color: transparent;
  color: var(--branddark-gray);
  font-style: normal;
  font-weight: 900;
  height: auto;
  left: 4.5vw;
  top: -4.5vw;
  line-height: 1.9vw;
  position: relative;
  text-align: left;
  white-space: nowrap;
  width: 45vw;
}
.boost-productivity-a-TO7U2q {
  background-color: transparent;
  color: transparent;
  font-style: normal;
  font-weight: 400;
  height: auto;
  left: 4.5vw;
  line-height: 1.25vw;
  position: relative;
  text-align: left;
  top: -3.5vw;
  width: 32vw;
}

.span0-Ek6yxz {
  color: var(--brandred);
  font-style: normal;
  font-weight: 900;
}

.span1-Ek6yxz {
  color: var(--branddark-gray);
  font-style: normal;
  line-height: 1.15vw;
  position: relative;
  top: 1vw;
}
.group-684-TO7U2q {
  background-color: transparent;
  position: relative;
  top: -4vw;
  padding-left: 4.5vw;
  display: grid;
  grid-template-columns: 12vw 12vw 12vw;
  grid-template-rows: auto auto;
}
.vector-56-Ob8dTq,
.vector-58-Ob8dTq,
.vector-59-Ob8dTq {
  background-color: transparent;
  height: 0.2vw;
}

.enhanced-efficiency-and-precision-Ob8dTq,
.improve-productivity-Ob8dTq,
.seamless-customer-experience-Ob8dTq {
  background-color: transparent;
  height: 2vw;
  letter-spacing: 0px;
  line-height: 1vw;
  text-align: left;
  width: 10vw;
}

.you-can-streamline-o-Ob8dTq,
.salesforce-services-Ob8dTq,
.businesses-can-deliv-Ob8dTq {
  background-color: transparent;
  color: var(--branddark-gray);
  height: auto;
  line-height: 1vw;
  text-align: left;
  width: 10vw;
  padding-top: 15px;
}

.case-management-fiel-Ob8dTq,
.knowledge-management-Ob8dTq,
.field-service-mobile-Ob8dTq {
  background-color: transparent;
  color: var(--branddark-gray);
  height: auto;
  line-height: 1vw;
  text-align: left;
  width: 10vw;
}

/* section-six */
.section-six {
  background-color: #f8f8f8;
  position: relative;
  display: flex;
}
.section-six-left,
.section-six-right {
  flex: 1;
}
.x04-TO7U2q {
  background-color: transparent;
  height: auto;
  letter-spacing: 0px;
  line-height: 12.5vw;
  opacity: 0.2;
  position: relative;
  top: 3vw;
  left: 12vw;
  text-align: left;
  white-space: nowrap;
  width: auto;
}
.salesforce-application-development-TO7U2q {
  background-color: transparent;
  color: var(--branddark-gray);
  font-style: normal;
  font-weight: 900;
  height: auto;
  line-height: 1.9vw;
  position: relative;
  left: 16.3vw;
  top: -1.5vw;
  text-align: left;
  white-space: nowrap;
  width: auto;
}

.stay-ahead-of-the-cu-TO7U2q {
  background-color: transparent;
  color: transparent;
  font-style: normal;
  font-weight: 400;
  height: auto;
  line-height: 1.13vw;
  position: relative;
  left: 16.3vw;
  top: -0.5vw;
  text-align: left;
  width: 30vw;
}

.span0-yyxEKm {
  color: var(--brandred);
  font-style: normal;
  font-weight: 900;
}

.span1-yyxEKm {
  color: var(--branddark-gray);
  font-style: normal;
  position: relative;
  top: 1vw;
}
.mask-group-TO7U2q {
  height: 14.3vw;
  left: 16.3vw;
  top: 2.5vw;
  width: 32.55vw;
}
.rectangle-823-TO7U2q {
  background-color: var(--brandred);
  border-radius: 8px;
  height: 5.25vw;
  position: relative;
  top: -2vw;
  left: 14vw;
  width: 5.25vw;
}
.section-six-right {
  top: 11vw;
  padding-left: 5vw;
  height: 24vw;
  position: relative;
  display: grid;
  grid-template-columns: 12vw 12vw 12vw;
  grid-template-rows: auto auto;
}
.vector-60-TO7U2q,
.vector-61-TO7U2q,
.vector-64-TO7U2q,
.vector-62-TO7U2q,
.vector-63-TO7U2q {
  background-color: transparent;
  height: 0.2vw;
}
.rapid-development-TO7U2q,
.security-TO7U2q,
.flexibility-TO7U2q,
.scalability-TO7U2q,
.integration-TO7U2q {
  background-color: transparent;
  height: auto;
  letter-spacing: 0px;
  line-height: 1vw;
  text-align: left;
  white-space: nowrap;
  width: auto;
}

.heroku-enables-devel-TO7U2q,
.heroku-provides-robu-TO7U2q,
.developers-have-the-TO7U2q,
.applications-hosted-TO7U2q,
.heroku-seamlessly-in-TO7U2q {
  background-color: transparent;
  color: var(--branddark-gray);
  font-style: normal;
  font-weight: 400;
  height: auto;
  line-height: 1vw;
  text-align: left;
  width: 10vw;
}

/* PhuongNT  */
.title-TO7U2q, .text-let-w {
	color: #4A4B4C !important;
}

.frame-10-TO7U2q:hover, .frame-10-QzKsi3:hover, .btn-connect-to-our:hover{
    color: white;
	background: linear-gradient(259.38deg, #F80C14 9.63%, #680C0F 115.64%);
	box-shadow: 0px 0px 20px 0px rgba(255, 0, 0, 0.72);

}
.section-three-button {	  
    display: flex;
    justify-content: center;
    align-items: center;
}
.section-one-button{
    display: flex;
    justify-content: center;
    align-items: center;
    top: 4vw;
    position: relative;
}
.salesforce-solutions-for-ecommerce-TO7U2q {
	padding-bottom: 15px;
}

.client-succes-portfolio .box-text  {
  background-color: white;
}

@media screen and (max-width: 1024px) {
  .client-succes-portfolio .box-image {
		height: 222px;
/* 	  height: 180px; */
		/* width: 283px; */
	}
	.client-succes-portfolio .box-text {
		height: 84px;
		padding-bottom: 0px !important;
		background-color: white;
	}
}
@media (min-width: 376px) and (max-width: 415px) {
	 .client-succes-portfolio .box-image {
	  height: 205px;
	}
}
@media (min-width: 360px) and (max-width: 375px) {
	 .client-succes-portfolio .box-image {
	  height: 47.5vw;
	}
}
@media (min-width: 376px) and (max-width: 395px) {
	 .client-succes-portfolio .box-image {
	  height: 188px;
	}
}
@media (max-width: 1900px) and (min-width: 1700px) {
	.client-succes-portfolio .portfolio-box-title {
		font-size: 22px;
	}
}

@media (max-width: 1700px) and (min-width: 1500px) {
	.client-succes-portfolio .portfolio-box-title {
		font-size: 20px;
	}
	.client-succes-portfolio .box-image {
    height: 327px;
}
	.client-succes-portfolio img {
    object-fit: contain !important;
}
}

@media (max-width: 1500px) and (min-width: 1366px) {
	.client-succes-portfolio .box-image {
    height: 20vw;
}
	.client-succes-portfolio .portfolio-box-title {
		font-size: 18px;
	}
}

@media (max-width: 1366px ) and (min-width: 1024px) {
	.text-card {
		font-size: 12px;
	}
	.title-card {
		font-size: 22px;
	}
	.image-cover {
		position: static !important;
	}
	.client-succes-portfolio img {
    object-fit: cover !important;
}
	.client-succes-portfolio .box-image {
/*     height: 19vh; */
		height: 16vw;
}
	.client-succes-portfolio .portfolio-box-title {
    font-size: 12px;
} 
	.client-succes-portfolio .box-text {
		height: 118px;
	}
	.client-succes-portfolio .portfolio-box-category {
		font-size: 12px;
	}
}

@media (min-width: 600px) and (max-width: 1024px) {
  .client-succes-portfolio .image-cover {
		position: static !important;
	}
	.client-succes-portfolio img {
    object-fit: cover !important;
}

}
.client-succes-portfolio .portfolio-box {
    box-shadow: none !important;
}

.btn-learn-more .img-arrow-1 {
  display: block;
}

.btn-learn-more .img-arrow-2 {
  display: none;
}

/* Hover state: img1 hidden, img2 visible */
.btn-learn-more:hover .img-arrow-1 {
  display: none;
}

.btn-learn-more:hover .img-arrow-2 {
  display: block;
}

.btn-learn-more {
	border: 1px solid #CE181E;
}
.success-btn-position {
	right: 10vw !important;
	padding-bottom: 5vw !important;
}

.frame-8-n0XZYt {
    align-items: center;
    background-color: rgba(239, 239, 240, 1);
    display: flex;
    gap: 55px;
    height: 60px;
    justify-content: center;
    left: 0px;
    position: relative;
    width: 100vw;
}
/*  start css scroll */
.title-section-wk.active {
    color: #CE181E;
}
.title-section-wk {
    font-size: 18px;
    font-weight: 700;
    line-height: 22px;
    letter-spacing: 0em;
    text-align: center;
    color: #4A4B4C;
    cursor: pointer;
    transition: width 0.5s;
}
.icon-pulldown {
    display: none;
}

.section-scroll {
    padding: 0 !important;
    position: sticky !important;
    top: 80px;
    z-index: 99;
}

@media screen and (min-width: 601px) {
.grid-screen {
	grid-template-columns: repeat(4, minmax(0, 1fr));
}
}
@media screen and (max-width: 600px) {
	.btn-contact-us {
		width: 110px!important;
		height: 26px !important;
		margin-left: 1rem !important;
	}
	.mobie-title-contact-us {
		font-size: 20px !important;
		line-height: 24.38px!important;
		padding-bottom: 30px!important; 
	}
	.text-contact-us {
		font-size: 12px !important;
	}
    .title-section-wk.active {
        display: flex !important;
        background-color: #EFEFF0;
    }
	    .icon-pulldown {
        display: inline-block;
        position: absolute;
        top: 24px;
        right: 16px;
    }
	    .title-section-wk {
        text-align: left;
        padding: 0 16px;
        display: none;
        height: 57px;
        align-items: center;
        background-color: #EFEFF0;
			width: 92vw;
    }
	    #mobile-menu-overview.show .icon-pulldown {
        transform: rotate(180deg) !important;
    }
}
@media screen and (min-width: 1536px) {
    .section-scroll {
        top: 79px !important;
    }
}

/*  end css scroll */

/********/

@media screen and (max-width: 1024px) {
	.mask-group-fA9Ztx, .luvina-leverages-sal-EorzHS,.mask-group-CoGNmn, .by-leveraging-salesf-EorzHS {
/* 		padding-left: 2vw; */
	}
	.section-scroll {
		top: 46px;
	}
  .headerheader-2 {
    font-family: Montserrat;
    font-size: 30px;
    font-style: normal;
    font-weight: 900;
    letter-spacing: 0px;
  }

  .headerheader-4 {
    font-family: Montserrat;
    font-size: 18px;
    font-style: normal;
    font-weight: 900;
    letter-spacing: 0px;
  }
  .bodybody {
    font-family: Montserrat;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: 0px;
  }
  .bodybody-2 {
    font-family: Roboto;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: 0px;
  }

  .montserrat-bold-dove-gray-14px {
    color: #6d6e71;
    font-family: Montserrat;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
  }

  .montserrat-normal-dove-gray-14px {
    color: #70706f;
    font-family: Montserrat;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
  }

  .montserrat-bold-gravel-12px {
    color: rgba(74, 75, 76, 1);
    font-family: Montserrat;
    font-size: 12px;
    font-style: normal;
    font-weight: 700;
  }

  .montserrat-black-gravel-100px {
    color: rgba(74, 75, 76, 1);
    font-family: Montserrat;
    font-size: 100px;
    font-style: normal;
    font-weight: 900;
  }

  .montserrat-extra-bold-gravel-18px {
    color: rgba(74, 75, 76, 1);
    font-family: Montserrat;
    font-size: 18px;
    font-style: normal;
    font-weight: 800;
  }

  .montserrat-extra-bold-white-14px {
    color: rgba(255, 255, 255, 1);
    font-family: Montserrat;
    font-size: 14px;
    font-style: normal;
    font-weight: 800;
  }

  .montserrat-bold-gravel-18px {
    color: rgba(74, 75, 76, 1);
    font-family: Montserrat;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
  }
  /* section-one */
  .section-one {
    position: relative;
    background-color: rgba(249, 249, 249, 1);
    width: 100vw;
    height: 970px;
  }
  .our-capabilities-EorzHS {
    background-color: transparent;
    color: rgba(74, 75, 76, 1);
    height: auto;
    line-height: 37.5px;
    position: relative;
    text-align: center;
    top: 3vw;
    white-space: nowrap;
    width: auto;
  }
  .x01-EorzHS {
    background-color: transparent;
    height: auto;
    letter-spacing: 0px;
    line-height: 125px;
    opacity: 0.2;
    position: relative;
    left: 3vw;
    top: 10vw;
    text-align: left;
    white-space: nowrap;
    width: auto;
  }
  .salesforce-solutions-for-ecommerce-EorzHS {
    width: 358px;
    position: relative;
    top: -1.5vw;
    left: 5vw;
  }
  .salesforce-solutions-for-ecommerce {
    background-color: transparent;
    color: rgba(74, 75, 76, 1);
    height: auto;
    line-height: 37.5px;
    text-align: left;
  }
  .leveraging-salesforc-EorzHS {
    background-color: transparent;
    color: transparent;
    height: auto;
    line-height: 22.5px;
    text-align: left;
    width: 358px;
    position: relative;
    left: 5vw;
    top: 5vw;
  }

  .span0-bg7jbd {
    color: rgba(206, 24, 30, 1);
    font-style: normal;
    font-weight: 900;
  }

  .span1-bg7jbd {
    color: rgba(74, 75, 76, 1);
    font-style: normal;
  }

  .span2-bg7jbd {
    color: rgba(74, 75, 76, 1);
    font-style: normal;
    line-height: 17.5px;
    position: relative;
    top: 5vw;
  }

  .section-one-solution {
    position: relative;
    top: 15vw;
    left: 5vw;
    display: grid;
    grid-template-columns: 45vw 45vw;
    grid-template-rows: auto auto;
    column-gap: 3vw;
    row-gap: 5vw;
  }

  .group-719-EorzHS,
  .group-720-EorzHS,
  .group-721-EorzHS,
  .group-722-EorzHS,
  .group-723-EorzHS {
    background-color: transparent;
    height: 134px;
    width: 174px;
    display: grid;
    grid-template-rows: 2vw;
  }
	.group-722-EorzHS, .group-721-EorzHS {
		height: 154px;
	}

  .vector-51-VnoPHt,
  .vector-52-xw210W,
  .vector-53-502xfW,
  .vector-54-nEx6x5,
  .vector-55-KxaMxi {
    background-color: transparent;
  }

  .leverage-the-most-co {
    background-color: transparent;
    color: rgba(74, 75, 76, 1);
    font-style: normal;
    font-weight: 400;
    height: auto;
    line-height: 17.5px;
    text-align: left;
  }

  .leverage-the-most-co-xw210W,
  .leverage-the-most-co-502xfW,
  .leverage-the-most-co-nEx6x5,
  .leverage-the-most-co-VnoPHt,
  .leverage-the-most-co-KxaMxi {
    width: 168px;
  }

  .seamless-integration-KxaMxi,
  .simplified-order-management-nEx6x5,
  .personalization-at-scale-502xfW,
  .ai-driven-insights-xw210W,
  .enhanced-scalability-VnoPHt {
    background-color: transparent;
    color: rgba(206, 24, 30, 1);
    font-style: normal;
    font-weight: 400;
    height: auto;
    line-height: 17.5px;
    text-align: left;
    width: 145px;
  }

  /* section-two */
  .section-two {
    position: relative;
    width: 100vw;
  }
  .group-734-EorzHS {
    background-color: transparent;
    height: 725px;
    width: 100vw;
    position: relative;
    top: 5vw;
  }
  .frame-98-YdspPF {
    align-items: flex-start;
    background-color: transparent;
    display: inline-flex;
    flex-direction: column;
    gap: 24px;
    position: relative;
    display: grid;
    grid-template-rows: auto auto auto auto auto;
    row-gap: 5vw;
    justify-content: center;
  }

  .rectangle-788-QvbVwJ,
  .rectangle-789-gSWwoL,
  .rectangle-790-oC6x14,
  .rectangle-786-EbZSEq,
  .rectangle-787-1uZY26 {
    border-radius: 8px;
    height: 59px;
    width: 251px;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .rectangle-788-QvbVwJ {
    background-color: #d7ffe1;
  }
  .rectangle-789-gSWwoL {
    background-color: #edffca;
  }
  .rectangle-790-oC6x14 {
    background-color: #ccfff9;
  }
  .rectangle-786-EbZSEq {
    background-color: #ffe5d2;
  }
  .rectangle-787-1uZY26 {
    background-color: #d0efff;
  }

  .digital-storefronts-QvbVwJ,
  .commerce-intelligenc-gSWwoL,
  .commerce-ai-for-customers-oC6x14,
  .commerce-ai-for-merchants-EbZSEq,
  .customer-acquisition-and-loyalty-1uZY26 {
    background-color: transparent;
    height: auto;
    letter-spacing: 0px;
    line-height: 15px;
    white-space: nowrap;
  }

  .section-two-image {
    position: relative;
    height: 70vw;
    top: 5vw;
    width: 100vw;
    display: grid;
    justify-content: center;
    grid-template-rows: auto auto;
  }

  .mockup-laptop-1-YdspPF {
    background-color: transparent;
    height: 201px;
    width: 345px;
    position: relative;
  }

  .mockup-iphone-14-1-YdspPF {
    background-color: transparent;
    height: 138px;
    width: 68px;
    position: relative;
    top: -37.5vw;
    left: 7vw;
  }

  .section-two-button {
    display: flex;
    justify-content: center;
    width: 100vw;
  }
  .frame-97-YdspPF {
    align-items: center;
    background-color: rgba(206, 24, 30, 1);
    border-radius: 100px;
    display: inline-flex;
    gap: 10px;
    height: 48px;
    justify-content: center;
    left: 6px;
    padding: 16px;
  }
  .frame-97-YdspPF:hover {
    box-shadow: 0px 0px 20px 0px rgba(255, 0, 0, 0.72);
    background: linear-gradient(259.38deg, #f80c14 9.63%, #680c0f 115.64%);
  }
  .hire-workday-experts-now {
    background-color: transparent;
    letter-spacing: 0px;
    line-height: normal;
    margin-top: -1.5px;
    position: relative;
    text-align: center;
    width: fit-content;
  }

  .icon-pack-variants24 {
    background-color: transparent;
    overflow: hidden;
    position: relative;
  }
  .icon-pack-variants24-Bxen3B {
    height: 24px;
    width: 24px;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .vector-2-stroke {
    object-fit: none;
  }
  .vector-2-stroke-Fwzz01 {
    height: 20px;
    width: 10px;
  }
  /* section-three */
  .section-three {
    position: relative;
    width: 100vw;
    top: 10vw;
    height: 1400px;
    background-color: rgba(249, 249, 249, 1);
  }

  .section-three-title {
    display: grid;
    grid-template-rows: auto auto auto auto;
    position: relative;
    top: 10vw;
  }

  .section-three-solution {
    display: grid;
    grid-template-columns: 45vw 45vw;
    grid-template-rows: auto auto;
    column-gap: 2vw;
    row-gap: 2vw;
    justify-content: center;
    padding-bottom: 5vw;
    position: relative;
    top: 15vw;
  }

  .section-three-image {
    display: grid;
    grid-template-rows: auto auto;
    justify-content: center;
    row-gap: 5vw;
    position: relative;
    top: 15vw;
  }

  .x02-EorzHS {
    background-color: transparent;
    height: auto;
    letter-spacing: 0px;
    line-height: 125px;
    opacity: 0.2;
    text-align: left;
    white-space: nowrap;
    width: auto;
    position: relative;
    left: 3vw;
  }
  .salesforce-solutions-for-ecommerce-B75PNU {
    width: 361px;
    position: relative;
    top: -13vw;
    left: 3vw;
  }
  .set-the-foundation-f-EorzHS {
    background-color: transparent;
    color: transparent;
    height: auto;
    line-height: 22.5px;
    text-align: left;
    width: 352px;
    position: relative;
    top: -5vw;
    left: 3vw;
  }

  .span0-wfF8sX {
    color: rgba(206, 24, 30, 1);
    font-style: normal;
    font-weight: 900;
  }

  .span1-wfF8sX {
    color: rgba(74, 75, 76, 1);
    font-style: normal;
  }

  .span2-wfF8sX {
    color: rgba(74, 75, 76, 1);
    line-height: 17.5px;
    position: relative;
    top: 5vw;
  }
  .group-725-EorzHS,
  .group-727-EorzHS,
  .group-724-EorzHS,
  .group-726-EorzHS {
    background-color: transparent;
    height: 152px;
    width: 177px;
    display: grid;
    grid-template-rows: 2vw;
  }
  .vector-47-QvM98E,
  .vector-48-IWVXmk,
  .vector-49-uCXxjA,
  .vector-50-2gJjbX {
    background-color: transparent;
  }

  .maximized-productivity-QvM98E,
  .visibility-and-accountability-uCXxjA,
  .strong-customer-relationships-IWVXmk,
  .efficiency-and-automation-2gJjbX {
    background-color: transparent;
    color: rgba(206, 24, 30, 1);
    font-style: normal;
    font-weight: 400;
    height: auto;
    line-height: 17.5px;
    text-align: left;
    width: 175px;
  }

  .empower-your-entire-QvM98E,
  .gain-visibility-into-uCXxjA,
  .build-and-nurture-st-IWVXmk,
  .drive-seller-efficie-2gJjbX {
    background-color: transparent;
    color: rgba(74, 75, 76, 1);
    font-style: normal;
    font-weight: 400;
    height: auto;
    line-height: 17.5px;
    text-align: left;
    width: 172px;
  }

  .group-686-EorzHS {
    background-color: transparent;
    height: 196px;
    width: 361px;
  }

  .mask-group-fA9Ztx {
    height: 196px;
    width: 361px;
  }

  .luvina-leverages-sal-EorzHS {
    background-color: transparent;
    color: rgba(74, 75, 76, 1);
    font-style: normal;
    font-weight: 400;
    height: auto;
    line-height: 17.5px;
    text-align: left;
    width: 361px;
  }
  /* section-four */
  .section-four {
    position: relative;
    width: 100vw;
    background-color: rgba(249, 249, 249, 1);
    height: 1400px;
	  display: block;
  }
  .section-four-title {
    display: grid;
    grid-template-rows: auto auto auto auto;
  }

  .section-four-solution {
    display: grid;
    grid-template-columns: 45vw 45vw;
    grid-template-rows: auto auto;
    column-gap: 2vw;
    row-gap: 2vw;
    justify-content: center;
    top: 5vw;
    position: relative;
  }
  .section-four-image {
    display: grid;
    grid-template-rows: auto auto;
    justify-content: center;
    row-gap: 5vw;
  }
  .x03-EorzHS {
    background-color: transparent;
    height: auto;
    letter-spacing: 0px;
    line-height: 125px;
    opacity: 0.2;
    text-align: left;
    white-space: nowrap;
    width: auto;
    position: relative;
    left: 3vw;
  }
  .salesforce-solutions-for-services-EorzHS {
    background-color: transparent;
    color: rgba(74, 75, 76, 1);
    height: auto;
    line-height: 37.5px;
    text-align: left;
    width: 361px;
    position: relative;
    top: -13vw;
    left: 3vw;
  }
  .boost-productivity-a-EorzHS {
    background-color: transparent;
    color: transparent;
    font-style: normal;
    font-weight: 400;
    height: auto;
    line-height: 22.5px;
    text-align: left;
    width: 340px;
    position: relative;
    top: -5vw;
    left: 3vw;
  }

  .span0-wYDCM3 {
    color: rgba(206, 24, 30, 1);
    font-style: normal;
    font-weight: 900;
  }

  .span1-wYDCM3 {
    color: rgba(74, 75, 76, 1);
    font-style: normal;
  }

  .span2-wYDCM3 {
    color: rgba(74, 75, 76, 1);
    line-height: 17.5px;
    position: relative;
    top: 5vw;
  }

  .group-728-EorzHS,
  .group-729-EorzHS,
  .group-730-EorzHS {
    background-color: transparent;
    height: 282px;
    display: grid;
    grid-template-rows: 2vw;
  }
  .vector-56-SxJZJj,
  .vector-58-KCVxRr,
  .vector-59-dAVTGq {
    background-color: transparent;
  }
  .enhanced-efficiency-and-precision-SxJZJj,
  .improve-productivity-KCVxRr,
  .seamless-customer-experience-dAVTGq {
    background-color: transparent;
    color: rgba(206, 24, 30, 1);
    font-style: normal;
    font-weight: 400;
    height: auto;
    line-height: 17.5px;
    text-align: left;
    width: 172px;
  }

  .you-can-streamline-o-SxJZJj,
  .salesforce-services-KCVxRr,
  .businesses-can-deliv-dAVTGq {
    background-color: transparent;
    color: rgba(74, 75, 76, 1);
    font-style: normal;
    font-weight: 400;
    height: auto;
    line-height: 17.5px;
    text-align: left;
    width: 171px;
  }

  .case-management-fiel-SxJZJj,
  .knowledge-management-KCVxRr,
  .field-service-mobile-dAVTGq {
    background-color: transparent;
    color: rgba(74, 75, 76, 1);
    font-style: normal;
    font-weight: 400;
    height: auto;
    line-height: 17.5px;
    text-align: left;
    width: 171px;
  }

  .group-697-EorzHS {
    background-color: transparent;
    height: 195px;
    width: 359px;
  }

  .mask-group-CoGNmn {
    height: 195px;
    width: 359px;
  }

  .by-leveraging-salesf-EorzHS {
    background-color: transparent;
    color: rgba(74, 75, 76, 1);
    font-style: normal;
    font-weight: 400;
    height: auto;
    line-height: 17.5px;
    text-align: left;
    width: 361px;
  }
  /* section-five */
  .section-five {
    position: relative;
    width: 100vw;
    background-color: rgba(249, 249, 249, 1);
    height: 1100px;
	  display: block;
  }
  .section-five-title {
    display: grid;
    grid-template-rows: auto auto auto auto;
  }

  .section-five-solution {
    display: grid;
    grid-template-columns: 45vw 45vw;
    grid-template-rows: auto auto auto;
    column-gap: 2vw;
    row-gap: 5vw;
    justify-content: center;
    position: relative;
    top: 5vw;
  }

  .group-rapid-development,
  .group-security,
  .group-flexibility,
  .group-scalability,
  .group-integration {
    display: grid;
    grid-template-rows: 2vw 5vw auto;
  }

  .x04-EorzHS {
    background-color: transparent;
    height: auto;
    letter-spacing: 0px;
    line-height: 125px;
    opacity: 0.2;
    text-align: left;
    white-space: nowrap;
    width: auto;
    position: relative;
    left: 3vw;
  }
  .salesforce-application-development-EorzHS {
    background-color: transparent;
    color: rgba(74, 75, 76, 1);
    font-style: normal;
    font-weight: 900;
    height: auto;
    line-height: 37.5px;
    text-align: left;
    width: 361px;
    position: relative;
    top: -13vw;
    left: 3vw;
  }
  .stay-ahead-of-the-cu-EorzHS {
    background-color: transparent;
    color: transparent;
    font-style: normal;
    font-weight: 400;
    height: auto;
    line-height: 22.5px;
    text-align: left;
    width: 340px;
    position: relative;
    top: -5vw;
    left: 3vw;
  }

  .span0-owjyvI {
    color: rgba(206, 24, 30, 1);
  }

  .span1-owjyvI {
    color: rgba(74, 75, 76, 1);
  }

  .span2-owjyvI {
    color: rgba(74, 75, 76, 1);
    line-height: 17.5px;
    position: relative;
    top: 5vw;
  }
  .rapid-development-EorzHS,
  .security-EorzHS,
  .flexibility-EorzHS,
  .scalability-EorzHS,
  .integration-EorzHS {
    background-color: transparent;
    color: rgba(206, 24, 30, 1);
    height: auto;
    line-height: 17.5px;
    text-align: left;
    width: 170px;
  }

  .heroku-enables-devel-EorzHS,
  .heroku-provides-robu-EorzHS,
  .developers-have-the-EorzHS,
  .applications-hosted-EorzHS,
  .heroku-seamlessly-in-EorzHS {
    background-color: transparent;
    color: rgba(74, 75, 76, 1);
    height: auto;
    line-height: 17.5px;
    text-align: left;
    width: 170px;
  }

  .integration-EorzHS {
    font-weight: 700;
  }

  .heroku-seamlessly-in-EorzHS {
    padding-top: 2vw;
  }

  .vector-60-EorzHS,
  .vector-61-EorzHS,
  .vector-64-EorzHS,
  .vector-62-EorzHS,
  .vector-63-EorzHS {
    background-color: transparent;
  }

  .card-content-solution-wk-3  {
		width:  279px;
		height:  356px;
		padding: 16px 0px 0px 0px;
		border-radius: 8px;
		background: #FFFFFF;
		box-shadow: 0px 4px 16px 0px #0000001A;

	}
	.section-our-service  {
		padding-left: 0px !important;
		padding-right: 0!important;
	}
	.content-let-talk {
		width: 92vw !important;
		font-size: 14px!important;
		line-height: 17.5px !important;
	}
	.mb-title-client-succ {
		font-size: 30px;
		line-height: 37px; 
	}
}

@media screen and (min-width: 601px) and (max-width: 1024px) {
	.tablet-position {
		width: 96vw !important;
	}
	.text-our-services {
		padding-top: 30px;
	}
	.x01-EorzHS, .span2-bg7jbd , .section-three-title {
		top: 3vw;
	}
	
	.salesforce-solutions-for-ecommerce {
		line-height: 28.5px;
	}
	.salesforce-solutions-for-ecommerce-EorzHS {
        width: 600px;
        top: -4.5vw;
    }
	.leveraging-salesforc-EorzHS {
		top: -2vw;
	}
	.section-one-solution {
        top: 7vw;
	}
	
	.salesforce-solutions-for-ecommerce-B75PNU {
		 width: 600px;
        top: -7vw;
	}
	.set-the-foundation-f-EorzHS, .leveraging-salesforc-EorzHS, .boost-productivity-a-EorzHS, .stay-ahead-of-the-cu-EorzHS {
		width: 546px;
	}
	.leverage-the-most-co-xw210W, .leverage-the-most-co-502xfW, .leverage-the-most-co-nEx6x5, .leverage-the-most-co-VnoPHt, .leverage-the-most-co-KxaMxi,
	.empower-your-entire-QvM98E, .gain-visibility-into-uCXxjA, .build-and-nurture-st-IWVXmk, .drive-seller-efficie-2gJjbX,
	.you-can-streamline-o-SxJZJj, .salesforce-services-KCVxRr, .businesses-can-deliv-dAVTGq,
	.case-management-fiel-SxJZJj, .knowledge-management-KCVxRr, .field-service-mobile-dAVTGq,
	.heroku-enables-devel-EorzHS, .heroku-provides-robu-EorzHS, .developers-have-the-EorzHS, .applications-hosted-EorzHS, .heroku-seamlessly-in-EorzHS{
        width: 280px;
    }
	.section-three-solution {
		top: 11vw;
	}
	.salesforce-solutions-for-services-EorzHS {
		 width: 600px;
        top: -7.5vw;
	}
	.set-the-foundation-f-EorzHS {
		top: -4vw;
	}
	.group-728-EorzHS, .group-729-EorzHS, .group-730-EorzHS {
		height: 245px;
	}
	.section-four {
		height: 1340px;
	}
	.salesforce-application-development-EorzHS {
		width: 600px;
        top: -7.5vw;
	}
	.section-five {
		height: 1000px
	}
	
	
}
@media screen and (min-width: 1025px) {
	.display-1024 {
		display: none !important;
	}
	.display-pc {
		display: block !important;
	}
}
@media screen and (min-width: 850px) and (max-width: 1024px) {
	.display-1024 {
		display: block !important;
	}
	.display-pc {
		display: none !important;
	}
	.section-add-padding {
		min-height: 47px !important;
	}
	.sub-title-1024 {
		top: 8vw !important;
		width: 64vw !important;
		font-size: 28px !important;
	}
	.sub-title-1024-2 {
		width: 64vw !important;
		line-height: 17.5px !important;
		top: 11vw !important;
	}
	.tablet-position {
		align-items: center;
	}
	.title-section-wk {
		font-size: 16px;
		line-height: 20px;
	}
	.pd-0 {
		padding-top: 0!important;
		padding-bottom: 0!important;
	}
	.text-luvina-salesforce {
		font-size: 14px;
		line-height: 20px;
	}
	.breadcrumb-TO7U2q, .x01-TO7U2q, .x02-TO7U2q  {
    left: 4vw;
	}
	.frame-35-ZOsx7P {
    grid-template-columns: 6vw 0.5vw 3vw 0.5vw 9vw;
	}
	.section-three { 
		top: 0px;
	}
	.x-luvina-salesforce {
   		 padding-top: 3px;
		font-size: 16px !important;
	}
	.with-a-team-rich-in-TO7U2q {
		font-size: 16px !important;
	}
	
	.section-one-button {
		    top: 11vw;
	}
	
	.rectangle-738-TO7U2q, .rectangle-739-TO7U2q, .rectangle-740-TO7U2q {
		height: 31.5vw;
		width: 22vw;
	}
	.rectangle-738-TO7U2q {
		left: 16.5vw;
	}
	.rectangle-739-TO7U2q {
		left: 41.1vw;
	}
	.rectangle-740-TO7U2q {
		    left: 65.5vw;
	}
	.salesforce-dev-ops-services-TO7U2q, .salesforce-implementation-services-TO7U2q, .salesforce-consulting-services-TO7U2q {
		font-size: 14px;
		line-height: 15px;
	}
	.salesforce-consulting-services-TO7U2q, .salesforce-implementation-services-TO7U2q, .salesforce-dev-ops-services-TO7U2q {
		 width: 19vw;
	}
	.our-expert-consultan-TO7U2q, .we-simplify-salesfor-TO7U2q, .streamline-developme-TO7U2q {
		font-size: 12px;
		line-height: 13px;
		width: 17.5vw;
		padding-top: 20px;
	}
	.section-one {
        height: 650px;
    }
	.section-two { 
		top: 0px;
	}
	.salesforce-solutions-for-ecommerce-TO7U2q , .salesforce-solutions-for-sales-TO7U2q{
		font-size: 24px;
		left: 5vw;
	}
	.leveraging-salesforc-TO7U2q, .salesforce-solutions-for-sales-TO7U2q, .set-the-foundation-f-TO7U2q, .group-688-TO7U2q, .group-697-TO7U2q, .by-leveraging-salesf-TO7U2q,
	.salesforce-application-development-TO7U2q, .stay-ahead-of-the-cu-TO7U2q, .mask-group-TO7U2q{
   		 left: 5vw;
	}
	.span0-ZDjMeU, .span0-4y2vEN, .span0-Ek6yxz, .span0-yyxEKm {
		font-size: 16px !important;
		line-height: 18px;
	}
	.span1-ZDjMeU, .span1-4y2vEN, .span1-Ek6yxz, .span1-yyxEKm {
		font-size: 12px;
	}
	.leveraging-salesforc-TO7U2q, .set-the-foundation-f-TO7U2q {
		width: 50vw;
	}
	.section-two-salesforce {
		width: 40vw;
	}
	.section-two-solution {
    	width: 90vw;
    	grid-template-columns: 30vw 30vw 1fr;
	}
	.group-688-TO7U2q {
        width: 60vw;
        grid-template-columns: 30vw 1fr;
    }
	.leverage-the-most-co, .simplified-order-management-TO7U2q, .empower-your-entire-Zmxrxq, .build-and-nurture-st-Zmxrxq, .gain-visibility-into-Zmxrxq, .drive-seller-efficie-Zmxrxq {
    	width: 20.45vw;
	}
	.bodybody-1 {
		font-size: 12px!important;
		line-height: 15px!important;
	}
	.section-two-content {
		display: block
	}
	.rectangle-832-TO7U2q {
		height: 62vw;
	}
	.seamless-integration-TO7U2q, .simplified-order-management-TO7U2q, .personalization-at-scale-TO7U2q, .ai-driven-insights-TO7U2q, .enhanced-scalability-TO7U2q,
	.maximized-productivity-Zmxrxq, .strong-customer-relationships-Zmxrxq, .visibility-and-accountability-Zmxrxq, .efficiency-and-automation-Zmxrxq {
		font-size: 12px !important;
		padding-top: 10px;
		padding-bottom: 10px;
	}
	.section-two-solution {
		top: 2.5vw;
		padding-left: 5vw;
	}
	.headerheader-4 {
		font-size: 14px;
	}
	.group-696-TO7U2q {
		left: 10vw;
	}
	.rectangle-786-lC3hZK, .rectangle-789-lh7YwN, .rectangle-790-fgbydn  {
		width: 24.25vw;
	}
	.group-695-TO7U2q {
		left: 4vw;
	}
	.rectangle-787-7XBuA4 {
		width: 28.38vw;
	}
	.section-three {
		height: 564px;
	}
	.maximized-productivity-Zmxrxq, .strong-customer-relationships-Zmxrxq, .visibility-and-accountability-Zmxrxq, .efficiency-and-automation-Zmxrxq {
		width: 20vw;
	}
	.group-688-TO7U2q {
		grid-template-rows: 13vw auto;
	}
	.luvina-leverages-sal-LP2nff {
		font-size: 14px;
		line-height: 15px;
	}
	.group-686-TO7U2q {
    top: -39vw;
    left: 61vw;
	}
	.group-687-TO7U2q {
		top: -36.2vw;
		left: 61vw;
	}
	.section-four {
		height: 650px;
	}
	    .by-leveraging-salesf-TO7U2q {
        font-size: 14px;
        line-height: 16px;
    }
	.section-five { 
	display: flex;	
	}
	.headerheader-2 {
			font-size: 23px;
	}
	.x03-TO7U2q {
		left: 0px;
	}
	.salesforce-solutions-for-services-TO7U2q, .boost-productivity-a-TO7U2q {
		left: 1vw;
	}
	.boost-productivity-a-TO7U2q {
		width: 40vw;
	}
	.group-684-TO7U2q {
		padding-left: 1vw;
	}
	.group-684-TO7U2q {
		grid-template-columns: 15vw 15vw 15vw;
	}
	.enhanced-efficiency-and-precision-Ob8dTq, .improve-productivity-Ob8dTq, .seamless-customer-experience-Ob8dTq,
	.rapid-development-TO7U2q, .security-TO7U2q, .flexibility-TO7U2q, .scalability-TO7U2q, .integration-TO7U2q {
		font-size: 12px !important;
		padding-top: 5px;
		width: 15vw;
	}
	.section-five {
        height: 620px;
    }
	.x04-TO7U2q {
		left: 4vw;
	}
	.rapid-development-TO7U2q, .security-TO7U2q, .flexibility-TO7U2q, .scalability-TO7U2q, .integration-TO7U2q {
		padding-bottom: 5px;
	}
	.section-six-right {
		grid-template-columns: 14vw 14vw 14vw;
	}
	.section-six { 
	height: 600px;
	}
}

@media (max-width: 700px) and (min-width: 1024px) {
	.text-contact-us {
		font-size: 18px !important;
	}
	.cta-contact-s {
		padding-left: 10vw!important;
	}
}

/*  why choose us */

.section-twelve {
  position: relative;
  width: 100vw;
  height: 41.45vw;
/*   top: 35vw; */
}
.rectangle-747-n0XZYt {
  background-color: rgba(239, 239, 240, 1);
  height: 41.45vw;
  left: 1px;
  position: absolute;
  width: 100vw;
}
.why-choose-us {
  background-color: transparent;
  white-space: nowrap;
}
.why-choose-us-n0XZYt {
  color: rgba(74, 75, 76, 1);
  height: auto;
  left: 35.41vw;
  line-height: 75px;
  position: absolute;
  text-align: center;
  width: auto;
  top: 1vw;
}
.ellipse-9-n0XZYt {
  background-color: transparent;
  height: 11vw;
  left: 6.98vw;
  position: absolute;
  top: 11vw;
  width: 21.92vw;
}
.ellipse-10-n0XZYt {
  background-color: transparent;
  height: 11vw;
  left: 28.33vw;
  position: absolute;
  top: 21.45vw;
  width: 21.92vw;
}
.ellipse-11-n0XZYt {
  background-color: transparent;
  height: 11vw;
  left: 49.63vw;
  position: absolute;
  top: 11vw;
  width: 21.92vw;
}
.ellipse-12-n0XZYt {
  background-color: transparent;
  height: 11vw;
  left: 71vw;
  position: absolute;
  top: 21.45vw;
  width: 21.92vw;
}
.vector-smart-object-1-n0XZYt {
  background-color: transparent;
  height: 23.7vw;
  left: 0px;
  position: absolute;
  top: 17.6vw;
  width: 54.11vw;
}
.ellipse-2-n0XZYt {
  background-color: rgba(255, 255, 255, 1);
  border: 5px solid;
  border-color: rgba(206, 24, 30, 1);
  border-radius: 170.5px;
  left: 8.8vw;
  position: absolute;
  height: 17.76vw;
  width: 17.76vw;
  top: 12.5vw;
  display: grid;
  justify-items: center;
  grid-template-rows: 2vw;
}
.ellipse-4-n0XZYt {
  background-color: rgba(255, 255, 255, 1);
  border: 5px solid;
  border-color: rgba(206, 24, 30, 1);
  border-radius: 170.5px;
  left: 30.46vw;
  position: absolute;
  height: 17.76vw;
  width: 17.76vw;
  top: 12.5vw;
  display: grid;
  justify-items: center;
  grid-template-rows: 2vw;
}
.ellipse-6-n0XZYt {
  background-color: rgba(255, 255, 255, 1);
  border: 5px solid;
  border-color: rgba(206, 24, 30, 1);
  border-radius: 170.5px;
  left: 51.67vw;
  position: absolute;
  height: 17.76vw;
  width: 17.76vw;
  top: 12.5vw;
  display: grid;
  justify-items: center;
  grid-template-rows: 2vw;
}
.ellipse-8-n0XZYt {
  background-color: rgba(255, 255, 255, 1);
  border: 5px solid;
  border-color: rgba(206, 24, 30, 1);
  border-radius: 170.5px;
  left: 73.02vw;
  position: absolute;
  height: 17.76vw;
  width: 17.76vw;
  top: 12.5vw;
  display: grid;
  justify-items: center;
  grid-template-rows: 2vw;
}
.montserrat-extra-bold-gravel-20px {
  color: rgba(74, 75, 76, 1);
  font-family: Montserrat;
  font-size: 20px;
  font-style: normal;
  font-weight: 800;
}
.high-quality-services-n0XZYt,
.cost-effective-choice-n0XZYt,
.x247-it-solutions-n0XZYt,
.ultimate-data-security-n0XZYt {
  background-color: transparent;
  height: auto;
  letter-spacing: 0px;
  line-height: 25px;
  position: relative;
  text-align: center;
  top: 4vw;
  width: 13vw;
}
.just-2-years-after-o-n0XZYt,
.regardless-the-time-n0XZYt,
.you-can-approach-it-n0XZYt,
.applying-iso-27001-s-n0XZYt {
  background-color: transparent;
  color: rgba(74, 75, 76, 1);
  height: auto;
  line-height: 17.5px;
  position: relative;
  text-align: center;
  top: 4vw;
  width: 14vw;
  font-size: 14px;
}
 /* Tablet */
@media only screen and (max-width: 1024px) {
.rectangle-747-n0XZYt {
    background-color: rgba(239, 239, 240, 1);
    height: 41.45vw;
    left: 1px;
    position: absolute;
    width: 100vw;
}
.section-twelve {
  position: relative;
  width: 100vw;
  height: 97vw;
/*   top: 35vw; */
}
.rectangle-747-n0XZYt {
  background-color: rgba(239, 239, 240, 1);
  height: 41.45vw;
  left: 1px;
  position: absolute;
  width: 100vw;
}
.why-choose-us {
  background-color: transparent;
  white-space: nowrap;
}
.why-choose-us-n0XZYt {
  color: rgba(74, 75, 76, 1);
  height: auto;
  left: 35.41vw;
  line-height: 75px;
  position: absolute;
  text-align: center;
  width: auto;
  top: 1vw;
}
.ellipse-9-n0XZYt {
  background-color: transparent;
  height: 11vw;
  left: 6.98vw;
  position: absolute;
  top: 11vw;
  width: 21.92vw;
}
.ellipse-10-n0XZYt {
  background-color: transparent;
  height: 11vw;
  left: 28.33vw;
  position: absolute;
  top: 21.45vw;
  width: 21.92vw;
}
.ellipse-11-n0XZYt {
  background-color: transparent;
  height: 11vw;
  left: 49.63vw;
  position: absolute;
  top: 11vw;
  width: 21.92vw;
}
.ellipse-12-n0XZYt {
  background-color: transparent;
  height: 11vw;
  left: 71vw;
  position: absolute;
  top: 21.45vw;
  width: 21.92vw;
}
.vector-smart-object-1-n0XZYt {
  background-color: transparent;
  height: 23.7vw;
  left: 0px;
  position: absolute;
  top: 17.6vw;
  width: 54.11vw;
}
.ellipse-2-n0XZYt {
  background-color: rgba(255, 255, 255, 1);
  border: 5px solid;
  border-color: rgba(206, 24, 30, 1);
  border-radius: 170.5px;
  left: 8.8vw;
  position: absolute;
  height: 17.76vw;
  width: 17.76vw;
  top: 12.5vw;
  display: grid;
  justify-items: center;
  grid-template-rows: 2vw;
}
.ellipse-4-n0XZYt {
  background-color: rgba(255, 255, 255, 1);
  border: 5px solid;
  border-color: rgba(206, 24, 30, 1);
  border-radius: 170.5px;
  left: 30.46vw;
  position: absolute;
  height: 17.76vw;
  width: 17.76vw;
  top: 12.5vw;
  display: grid;
  justify-items: center;
  grid-template-rows: 2vw;
}
.ellipse-6-n0XZYt {
  background-color: rgba(255, 255, 255, 1);
  border: 5px solid;
  border-color: rgba(206, 24, 30, 1);
  border-radius: 170.5px;
  left: 51.67vw;
  position: absolute;
  height: 17.76vw;
  width: 17.76vw;
  top: 12.5vw;
  display: grid;
  justify-items: center;
  grid-template-rows: 2vw;
}
.ellipse-8-n0XZYt {
  background-color: rgba(255, 255, 255, 1);
  border: 5px solid;
  border-color: rgba(206, 24, 30, 1);
  border-radius: 170.5px;
  left: 73.02vw;
  position: absolute;
  height: 17.76vw;
  width: 17.76vw;
  top: 12.5vw;
  display: grid;
  justify-items: center;
  grid-template-rows: 2vw;
}
.montserrat-extra-bold-gravel-20px {
  color: rgba(74, 75, 76, 1);
  font-family: Montserrat;
  font-size: 20px;
  font-style: normal;
  font-weight: 800;
}
.section-eleven-tablet {
    position: relative;
    width: 100vw;
    height: 100vw;
  }
  .rectangle-747-n0XZYt {
/*     background-color: var(--gallery); */
    height: 103vw;
    left: 0px;
    position: absolute;
    width: 100vw;
  }
  .why-choose-us-n0XZYt {
    background-color: transparent;
    color: var(--branddark-gray);
    font-style: normal;
    font-weight: 900;
    height: auto;
    left: 31.8vw;
    line-height: 50px;
    position: absolute;
    text-align: center;
    top: 2vw;
    white-space: nowrap;
    width: auto;
	font-size: 30px;  
  }
  .ellipse-9-n0XZYt {
    background-color: transparent;
    height: 20.6vw;
    left: 9.5vw;
    position: absolute;
    top: 15vw;
    width: 41vw;
  }

  .ellipse-10-n0XZYt {
    background-color: transparent;
    height: 20.6vw;
    left: 49.3vw;
    position: absolute;
    top: 34.5vw;
    width: 41vw;
  }
  .ellipse-11-n0XZYt {
    background-color: transparent;
    height: 20.6vw;
    left: 9.5vw;
    position: absolute;
    top: 55vw;
    width: 41vw;
  }

  .ellipse-12-n0XZYt {
    background-color: transparent;
    height: 20.6vw;
    left: 49.3vw;
    position: absolute;
    top: 74.5vw;
    width: 41vw;
  }
  .vector-smart-object-1-n0XZYt {
    background-color: transparent;
    height: 21.4vw;
    left: 0px;
    position: absolute;
    top: 81.5vw;
    width: 58.7vw;
  }
  .ellipse-2-n0XZYt {
    background-color: var(--brandwhite);
    border: 5px solid;
    border-color: var(--brandred);
    border-radius: 170.5px;
    height: 33.3vw;
    left: 13vw;
    position: absolute;
    top: 18vw;
    width: 33.3vw;
    display: grid;
    justify-items: center;
    grid-template-rows: 2vw;
  }

  .ellipse-4-n0XZYt {
    background-color: var(--brandwhite);
    border: 5px solid;
    border-color: var(--brandred);
    border-radius: 170.5px;
    height: 33.3vw;
    left: 52.5vw;
    position: absolute;
    top: 18vw;
    width: 33.3vw;
    display: grid;
    justify-items: center;
    grid-template-rows: 2vw;
  }
  .ellipse-6-n0XZYt {
    background-color: var(--brandwhite);
    border: 5px solid;
    border-color: var(--brandred);
    border-radius: 170.5px;
    height: 33.3vw;
    left: 13vw;
    position: absolute;
    top: 58vw;
    width: 33.3vw;
    display: grid;
    justify-items: center;
    grid-template-rows: 2vw;
  }

  .ellipse-8-n0XZYt {
    background-color: var(--brandwhite);
    border: 5px solid;
    border-color: var(--brandred);
    border-radius: 170.5px;
    height: 33.3vw;
    left: 52.5vw;
    position: absolute;
    top: 58vw;
    width: 33.3vw;
    display: grid;
    justify-items: center;
    grid-template-rows: 2vw;
  }
  .high-quality-services-n0XZYt,
  .x247-it-solutions-n0XZYt,
  .cost-effective-choice-n0XZYt,
  .ultimate-data-security-n0XZYt {
    background-color: transparent;
    height: auto;
    letter-spacing: 0px;
    line-height: 25px;
    position: relative;
    text-align: center;
    width: 24.5vw;
    top: 8vw;
  }
  .just-2-years-after-o-n0XZYt,
  .regardless-the-time-n0XZYt,
  .you-can-approach-it-n0XZYt,
  .applying-iso-27001-s-n0XZYt {
    background-color: transparent;
    color: var(--branddark-gray);
    height: auto;
    line-height: 17.5px;
    position: relative;
    text-align: center;
    top: 11vw;
    width: 28.5vw;
	font-size: 10px;
	line-height: 14px;
  }
	.rectangle-747-n0XZYt {
		position: unset;
	}	
	
}
@media (min-width: 601px) and (max-width: 1023px) {
    .high-quality-services-n0XZYt, .x247-it-solutions-n0XZYt, .cost-effective-choice-n0XZYt, .ultimate-data-security-n0XZYt {
        font-size: 16px !important;
    }
	    .ultimate-data-security-n0XZYt {
        width: 25.5vw;
    }
}

@media only screen and (min-width: 1025px) and (max-width: 1299px) {
/*   .section-twelve {
    top: 30vw;
  } */
  .montserrat-extra-bold-gravel-20px {
    font-size: 12px;
  }
  .just-2-years-after-o-n0XZYt,
  .regardless-the-time-n0XZYt,
  .you-can-approach-it-n0XZYt,
  .applying-iso-27001-s-n0XZYt {
    font-size: 5px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1299px) {
  .just-2-years-after-o-n0XZYt,
  .regardless-the-time-n0XZYt,
  .you-can-approach-it-n0XZYt,
  .applying-iso-27001-s-n0XZYt {
    font-size: 9px;
	  line-height: 13px;
  }
}
@media only screen and (min-width: 1300px) and (max-width: 1699px) {
  .montserrat-extra-bold-gravel-20px {
    font-size: 14px;
  }
  .just-2-years-after-o-n0XZYt,
  .regardless-the-time-n0XZYt,
  .you-can-approach-it-n0XZYt,
  .applying-iso-27001-s-n0XZYt {
    font-size: 10px;
	line-height: 14px;
  }
}
@media only screen and (min-width: 1600px) and (max-width: 1800px) {
  .montserrat-extra-bold-gravel-20px {
    font-size: 16px;
  }
  .just-2-years-after-o-n0XZYt,
  .regardless-the-time-n0XZYt,
  .you-can-approach-it-n0XZYt,
  .applying-iso-27001-s-n0XZYt {
    font-size: 10px;
  }
}
@media screen and (max-width: 600px) {
	.group-686-EorzHS {
		width: 90vw;
	}
	.bodybody-3-mobile {
        font-family: Roboto;
        font-size: 12px;
        font-style: normal;
        font-weight: 400;
        letter-spacing: 0px;
    }
	
	.rectangle-747-ASuE2D {
	  background-color: #efeff0;
	  height: 376vw;
	  position: relative;
	  width: 103vw;
	}
	.vector-smart-object-1-ASuE2D {
	  background-color: transparent;
	  height: 140vw;
	  left: 0px;
	  position: absolute;
	  top: 251vw;
	  width: 103vw;
	}
	.ellipse-9-ASuE2D {
        background-color: transparent;
        height: 86vw;
        position: absolute;
        width: 44vw;
        left: 48.5vw;
        top: 25vw;
	}

	.ellipse-10-ASuE2D {
	  background-color: transparent;
			height: 86vw;
			position: absolute;
			width: 44vw;
			left: 7.5vw;
			top: 108vw;
	}

	.ellipse-11-ASuE2D {
	  background-color: transparent;
			height: 86vw;
			position: absolute;
			width: 44vw;
			left: 48.5vw;
	  top: 191vw;
	}

	.ellipse-12-ASuE2D {
	  background-color: transparent;
			height: 86vw;
			position: absolute;
			width: 44vw;
	   left: 7.5vw;
	  top: 274vw;
	}
	.why-choose-us-ASuE2D {
	  background-color: transparent;
	  color: #4a4b4c;
	  font-style: normal;
	  font-weight: 900;
	  height: auto;
	  left: 12vw;
	  line-height: 37.5px;
	  position: absolute;
	  text-align: center;
	  top: 7vw;
	  white-space: nowrap;
	  width: auto;
	  font-size: 70px;
	}

	.ellipse-2-ASuE2D {
	  background-color: #ffffff;
	  border: 5px solid;
	  border-color: #ce181e;
	  border-radius: 50%;
	height: 77vw;
		width: 77vw;
		position: absolute;
		left: 11vw;
	  top: 30vw;
	}
	.ellipse-4-ASuE2D {
	  background-color: #ffffff;
	  border: 5px solid;
	  border-color: #ce181e;
	  border-radius: 50%;
	height: 77vw;
		width: 77vw;
		position: absolute;
		left: 11vw;
	  top: 112vw;
	}

	.ellipse-6-ASuE2D {
	  background-color: #ffffff;
	  border: 5px solid;
	  border-color: #ce181e;
	  border-radius: 50%;
	height: 77vw;
		width: 77vw;
		position: absolute;
		left: 11vw;
	  top: 196vw;
	}

	.ellipse-8-ASuE2D {
	  background-color: #ffffff;
	  border: 5px solid;
	  border-color: #ce181e;
	  border-radius: 50%;
	height: 77vw;
		width: 77vw;
		position: absolute;
		left: 11vw;
	  top: 278vw;
	}
	.high-quality-services-ASuE2D,
	.x247-it-solutions-ASuE2D,
	.cost-effective-choice-ASuE2D,
	.ultimate-data-security-ASuE2D {
	  background-color: transparent;
	  height: auto;
	  letter-spacing: 0px;
	  line-height: 23.75px;
	  text-align: center;
	  white-space: nowrap;
	  width: auto;
	  font-size: 19px;
	  margin-top: 18vw;
		color: #4a4b4c;
	  font-weight: 800;
	}
	.just-2-years-after-o-ASuE2D,
	.regardless-the-time-ASuE2D,
	.you-can-approach-it-ASuE2D,
	.applying-iso-27001-s-ASuE2D {
	  background-color: transparent;
	  color: #4a4b4c;
	  height: auto;
	  line-height: 15px;
	  text-align: center;
	  width: auto;
	  font-size: 12px;
	  margin-top: 3vw;
	  padding-left: 4px;
	  padding-right: 4px;
	  
	}

}
@media only screen and (max-width: 601px) and (max-width: 1024px) {
    .section-eleven-tablet {
        position: relative;
        width: 100vw;
        height: 100vw;
    }
	.why-choose-us-n0XZYt {
        background-color: transparent;
        color: var(--branddark-gray);
        font-style: normal;
        font-weight: 900;
        height: auto;
        left: 31.8vw;
        line-height: 50px;
        position: absolute;
        text-align: center;
        top: 2vw;
        white-space: nowrap;
        width: auto;
    }
}

@media (max-width: 1365px) and (min-width: 1023px) {
	.sub-title-1024-2 {
		width: 47vw !important;
		top: 8vw !important;
	}
}
@media only screen and (width: 1024px) { 
	.just-2-years-after-o-n0XZYt, .regardless-the-time-n0XZYt, .you-can-approach-it-n0XZYt, .applying-iso-27001-s-n0XZYt {
		font-size: 14px;
        line-height: 17px;
	}
	.why-choose-us-n0XZYt {
		font-size: 35px;
	}
	.sub-title-1024-2 {
        top: 11vw !important;
    }
}

.font-Roboto {
	font-family: Roboto !important;	
}
/* end why choose us */

@media screen and (min-width: 360px) and (max-width: 389px) {
	.mask-group-fA9Ztx, .luvina-leverages-sal-EorzHS,.mask-group-CoGNmn, .by-leveraging-salesf-EorzHS {
		padding-left: 2vw;
	}
	
}

@media screen and (min-width: 401px) and (max-width: 450px) {
	.group-697-EorzHS, .group-686-EorzHS {
        width: 92vw;
    }
}