:root {
  --theme-color: #6c33ff;
  --theme-color2: #0099ff;
  --theme-color3: #ccff01;
  --white-color: #fff;
  --title-color: #1f1f1f;
  --title-color2: #0a0d12;
  --text-color: #575757;
  --body-color: #4e4b7e;
  --body-color3: #706f6b;
  --form-color: #626081;
  --dark-body: #0d141d;
  --body-color2: #9d9d9d;
  --dark-border: #192028;
  --form-color2: #f8f5ff;
  --icon-color: #6c33ff1a;
  --bg-dark: #0f1217;
  --title-font: "Plus Jakarta Sans", sans-serif;
  --body-font: "Inter", sans-serif;
  --icon-font: "Font Awesome 5 Pro";
  --flaticon: "Flaticon";
  --ripple-ani-duration: 5s;
}

@font-face {
  font-family: "Flaticon";
  src: url("../fonts/Flaticon.eot");
  src:
    url("../fonts/Flaticon.eot?#iefix") format("embedded-opentype"),
    url("../fonts/Flaticon.woff2") format("woff2"),
    url("../fonts/Flaticon.woff") format("woff"),
    url("../fonts/Flaticon.ttf") format("truetype"),
    url("../fonts/Flaticon.svg#Flaticon") format("svg");
  font-weight: normal;
  font-style: normal;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  @font-face {
    font-family: "Flaticon";
    src: url("../fonts/Flaticon.svg#Flaticon") format("svg");
  }
}
[class^="flaticon-"]:before,
[class*=" flaticon-"]:before,
[class^="flaticon-"]:after,
[class*=" flaticon-"]:after,
.fi:before {
  display: inline-block;
  font-family: "Flaticon";
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-decoration: inherit;
  text-rendering: optimizeLegibility;
  text-transform: none;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
}

.flaticon-blood-pressure:before {
  content: "\f101";
}

.flaticon-computer-mouse:before {
  content: "\f102";
}

.flaticon-discuss:before {
  content: "\f103";
}

.flaticon-ecg:before {
  content: "\f104";
}

.flaticon-electrocardiogram:before {
  content: "\f105";
}

.flaticon-group:before {
  content: "\f106";
}

.flaticon-healthcare:before {
  content: "\f107";
}

.flaticon-injection:before {
  content: "\f108";
}

.flaticon-laboratory-equipment:before {
  content: "\f109";
}

.flaticon-medical-equipment:before {
  content: "\f10a";
}

.flaticon-medical-kit:before {
  content: "\f10b";
}

.flaticon-medical-mask:before {
  content: "\f10c";
}

.flaticon-medical-results:before {
  content: "\f10d";
}

.flaticon-medical-symbol:before {
  content: "\f10e";
}

.flaticon-quality-of-life:before {
  content: "\f10f";
}

.flaticon-quotation:before {
  content: "\f110";
}

.flaticon-quote:before {
  content: "\f111";
}

.flaticon-security:before {
  content: "\f112";
}

.flaticon-stethoscope-1:before {
  content: "\f113";
}

.flaticon-stethoscope:before {
  content: "\f114";
}

/******** get on crm custom css************************/

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

body {
  font-family: "Inter", sans-serif !important;
  /* background: linear-gradient(270deg, #e5fffc 0%, #e2e2ff 100%) !important; */
}
.goc-container {
  max-width: 1324px;
  margin: 0 auto;
  padding: 0 20px;
}

.h2-heading {
  font-family: "Inter", sans-serif !important;
  font-weight: 700;
  font-size: 32px;
  line-height: 140%;
  letter-spacing: 0%;
  color: #171b5c;
}
.h3-heading {
  font-family: "Inter", sans-serif !important;
  font-weight: 700;
  font-size: 22px;
  line-height: 140%;
  letter-spacing: 0%;
}
p {
  font-family: "Inter", sans-serif !important;
  font-weight: 400;
  font-size: 18px;
  line-height: 140%;
  letter-spacing: 0%;
}
.main-header {
  width: 100%;
  background: #ffffff66;
  padding: 15px 0;
  position: relative;
  z-index: 9;
}

.main-header.sticky {
  position: sticky;
  top: 0;
  padding: 11px 0;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  background: #fff;
  z-index: 999;
}
.header-container {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.logo img {
  width: 195px;
  max-width: 100%;
  display: block;
}
header.main-header.sticky a {
  color: #4349ed;
}
.nav-menu {
  display: flex;
  align-items: center;
  gap: 38px;
  justify-content: center;
  width: 100%;
}

.nav-menu a {
  text-decoration: none;
  color: #091833;
  font-size: 18px;
  font-weight: 500;
  transition: 0.3s ease;
}

.nav-menu a:hover {
  color: #4349ed;
}

.header-btn {
  background: #4349ed;
  color: #fff !important;
  padding: 11px 36px;
  border-radius: 7px;
  font-size: 16px !important;
  font-weight: 600 !important;
}

.header-btn:hover {
  background: #2530d8;
}

.menu-toggle {
  display: none;
  flex-direction: column;
  gap: 5px;
  cursor: pointer;
}

.menu-toggle span {
  width: 28px;
  height: 3px;
  background: #061634;
  border-radius: 10px;
  transition: 0.3s ease;
}
.hero-section {
  width: 100%;
  padding: 24px 0 0px;
  /* overflow: hidden; */
  background-color: #e3fffb;
}

.hero-wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 40px;
}

.hero-content {
  width: 50%;
  text-align: left;
}

.hero-content .h1-heading {
  font-size: 48px;
  line-height: 1.3;
  font-weight: 800;
  color: #171b5c;
  margin-bottom: 24px;
  font-family: "Inter", sans-serif !important;
  text-transform: capitalize;
}
.hero-content.about-hd h1 {
  color: #fff;
}

.about-hd h2 {
  color: #fff;
}
.hero-content .h1-heading span {
  color: #4349ed;
  line-height: 53px;
  display: block;
  font-style: italic;
}

.hero-content .h2-heading {
  font-size: 24px;
  margin-bottom: 29px;
}
.hero-content p {
  font-size: 18px;
  line-height: 1.4;
  color: #3c3e4b;
  font-weight: 300;
  margin-bottom: 35px;
  text-align: left;
  font-family: "Inter", sans-serif !important;
}
.hero-btn {
  display: inline-block;
  background: #4349ed;
  color: #fff;
  padding: 14px 20px;
  border-radius: 6px;
  font-size: 18px;
  font-weight: 700;
  text-decoration: none;
}
.hero-btn:hover {
  background-color: #171b5c;
  color: #fff;
}

.hero-image {
  /* margin-top: -200px; */
  width: 100%;
  max-width: 670px;
}
.hero-image img {
  max-width: 851px;
}
/* .hero-section:after {
  background: url("../../assets/image/cricle.png");
  width: 703px;
  height: 788px;
  content: "";
  position: absolute;
  top: 0;
  right: 2px;
  z-index: -1;
  object-fit: contain;
  background-repeat: no-repeat;
} */
.streamline-section {
  padding: 60px 0;
  text-align: center;
  background: #ecedff;
}
.streamline-section .h2-heading {
  margin-bottom: 25px;
}
.why-wrapper {
  display: flex;
  justify-content: space-between;
  gap: 30px;
}
.right-section img {
  border: 1px solid #ffffff;
  border-radius: 24px;
  box-shadow: 0px 0px 50px 0px #00000066;
}
.left-section {
  width: calc(50% - 10px);
}
.right-section {
  width: calc(50% - 10px);
}
.right-section img {
  width: 100%;
}
.why-manufacturing {
  padding-bottom: 100px;
  background: #fff;
  padding-top: 60px;
}
.revenue-section {
  padding: 60px 0 60px 0;
  background: #ecedff;
}

.goc-text {
  text-align: center;
  margin-bottom: 50px;
}

.tab-wrapper {
  margin-top: 70px;
}
.tab-col .nav-item .nav-link img {
  width: 55px;
}
.custom-tabs {
  border: none;
  display: flex;
  flex-direction: row;
  gap: 20px;
  overflow-y: scroll;
  height: 450px;
}
.custom-tabs .nav-item {
  width: 100%;
}
.custom-tabs .nav-link {
  border: none;
  border-radius: 0;
  background: transparent;
  padding: 20px 25px;
  display: flex;
  align-items: center;
  gap: 18px;
  font-size: 22px;
  font-weight: 700;
  color: #171b5c;
  transition: 0.3s ease;
  position: relative;
  width: 100%;
  text-align: left;
}

.custom-tabs .nav-link i {
  font-size: 30px;
  color: #3f47f4;
}

.custom-tabs .nav-link.active {
  background: linear-gradient(90deg, #d9f0d2, #b5e2a9);
  color: #15186f;
}
.custom-tabs .nav-link:hover {
  background: linear-gradient(90deg, #d9f0d2, #b5e2a9);
  color: #15186f;
}

.custom-tabs .nav-link:hover::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 8px;
  height: 100%;
  background: #4a46ff;
}

.custom-tabs .nav-link.active::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 8px;
  height: 100%;
  background: #4a46ff;
}

.tab-card {
  border-radius: 28px;
  padding: 45px;
  height: 100%;
  box-shadow: 0px 0px 50px 0px #0000001a;
  border: 1px solid #ffffff4d;
  border-bottom: 5px solid #4349ed;
}

.tab-icon {
  width: 80px;
  height: 80px;
  border-radius: 50%;
  /* background: #d6d8ff; */
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 25px;
}
.tab-col {
  width: 100%;
  max-width: 608px;
}
.right-tab-col {
  width: 100%;
  max-width: 648px;
}
.tab-icon img {
  width: 70px;
  height: 70px;
  min-width: 70px;
}
.tab-icon i {
  font-size: 42px;
  color: #4a46ff;
}

.tab-card h3 {
  font-size: 32px;
  font-weight: 700;
  color: #171b5c;
  margin-bottom: 25px;
}

.tab-card p {
  font-size: 18px;
  line-height: 1.7;
  color: #3c3e4b;
  margin-bottom: 0;
}
.benefit-section {
  padding: 40px 0px 0 0;
}

.benefit-container {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
}

/* .benefit-card {
  min-height: 170px;
  padding: 26px 24px;
  border-radius: 16px;
  background: #ffffff80;
  box-shadow: 0 15px 35px rgba(30, 40, 90, 0.08);
  border: 1px solid rgba(255, 255, 255, 0.7);
} */
.benefit-card {
  transition: transform 0.4s ease;
}

.benefit-card:hover {
  transform: scale(1.08);
}
.benefit-card.greenbox {
  background: url("../../assets/image/benifit-green.webp");
  border-radius: 24px;
  padding: 24px;
  background-repeat: no-repeat;
  background-size: cover;
}
.benefits-section.revenue-cloud-implementation .benefit-card .icon img {
  width: 50px;
  background: #fff;
  border-radius: 50%;
  padding: 6px;
}
.benefit-card.bluebox {
  background: url("../../assets/image/bluebox.webp");
  border-radius: 24px;
  padding: 24px;
  background-repeat: no-repeat;
  background-size: cover;
}

.benefit-card.purplebox {
  background: url("../../assets/image/purplebox.webp");
  border-radius: 24px;
  padding: 24px;
  background-repeat: no-repeat;
  background-size: cover;
}
.benefit-card.pinkbox {
  background: url("../../assets/image/pinkbox.webp");
  border-radius: 24px;
  padding: 24px;
  background-size: cover;
  background-repeat: no-repeat;
  background-size: cover;
}

.benefit-card.orangebox {
  background: url("../../assets/image/orangebox.webp");
  border-radius: 24px;
  padding: 24px;
  background-size: cover;
  background-repeat: no-repeat;
  background-size: cover;
}

.benefit-card.skybox {
  background: url("../../assets/image/skybox.webp");
  border-radius: 24px;
  padding: 24px;
  background-size: cover;
  background-repeat: no-repeat;
  background-size: cover;
}

.benefit-card .icon {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 16px;
  font-size: 16px;
  background: #fff;
}

.benefit-card h3 {
  font-size: 18px;
  font-weight: 800;
  color: #15186f;
  margin-bottom: 10px;
}

.benefit-card p {
  font-size: 14px;
  line-height: 1.5;
  color: #3f4558;
  margin: 0;
}
.benefits-wrapper {
  border: 1px solid #ffffff;
  background: #ffffff00;
  border-radius: 24px;
  padding: 40px;
  box-shadow: 0px 0px 50px 0px #0000001a;
  position: relative;
  z-index: 3;
}

.benefits-section {
  position: relative;
  background-color: #fff;
  padding: 60px 0;
}
.benefits-section:after {
  background: url(../../assets/image/half-cri.png);
  width: 436px;
  height: 700px;
  content: "";
  position: absolute;
  top: 20px;
  right: 0;
  z-index: 1;
  object-fit: contain;
  background-repeat: no-repeat;
}
.benefits-section:before {
  background: url(../../assets/image/grey-cricle.svg);
  width: 436px;
  height: 647px;
  content: "";
  position: absolute;
  top: 17%;
  left: 0;
  z-index: 1;
  object-fit: contain;
  background-repeat: no-repeat;
}

.segments-grid {
  display: flex;
  gap: 40px;
  flex-wrap: wrap;
  justify-content: center;
}
.segment-card {
  min-height: 450px;
  border-radius: 18px;
  overflow: hidden;
  position: relative;
  background: #03084d;
  width: calc(30.33% - 10px);
  transition: transform 0.4s ease;
}
.segment-card:hover {
  transform: scale(1.08);
}
.home-page .segments-section .card1 {
  background-image: url(../../assets/image/salesforce-agentforce-new.webp);
  /* background-position: -4px -106px; */
  background-repeat: no-repeat;
}

.home-page .segments-section .card2 {
  background-image: url(../../assets/image/agentforce.webp);
  /* background-position: -4px -106px; */
  background-repeat: no-repeat;
}

.home-page .segments-section .card3 {
  background-image: url(../../assets/image/salesforce-revenue-new.webp);
  background-position: -4px -106px;
  background-repeat: no-repeat;
}

.home-page .segments-section .card4 {
  background-image: url(../../assets/image/revenue-cloud-new.webp);
  background-position: -4px -106px;
  background-repeat: no-repeat;
}

.home-page .segments-section .card5 {
  background-image: url(../../assets/image/cpq-revenue-cloud.webp);
  /* background-position: -4px -106px; */
  background-repeat: no-repeat;
}

.home-page .segments-section .card6 {
  background-image: url(../../assets/image/revenue-cloud-upgrade-new.webp);
  background-position: center;
  background-repeat: no-repeat;
}

.home-page .segments-section .card7 {
  background-image: url(../../assets/image/legacy-cpq-migration.webp);
  background-position: center;
  background-repeat: no-repeat;
}

.agentforce-services .agentforce-industry-section {
  background: #eef0fa;
}

.agentforce-services .agentforce-industry-section .ins-con img {
  width: 50px;
}
.agentforce-services .agentforce-industry-section .usecase-box {
  display: flex;
  gap: 20px;
}

.agentforce-services .segments-section .card1 {
  background-image: url(../../assets/image/high-volume-of-repetitive-customer-queries.webp);
  /* background-position: -4px -106px; */
  background-repeat: no-repeat;
}

.agentforce-services .segments-section .card2 {
  background-image: url(../../assets/image/slow-case-intake-and-inefficient-routing.webp);
  /* background-position: -4px -106px; */
  background-repeat: no-repeat;
}

.agentforce-services .segments-section .card3 {
  background-image: url(../../assets/image/lack-of-ai-driven-guidance-for-teams.webp);
  background-position: -4px -106px;
  background-repeat: no-repeat;
}

.agentforce-services .segments-section .card4 {
  background-image: url(../../assets/image/manual-workflows-instead-of-autonomous-agents.webp);
  background-position: -4px -106px;
  background-repeat: no-repeat;
}

.agentforce-services .segments-section .card5 {
  background-image: url(../../assets/image/delayed-ai-adoption-and-implementation-gaps.webp);
  /* background-position: -4px -106px; */
  background-repeat: no-repeat;
}

.segment-card::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(0, 2, 48, 0) 23.5%, #000230 65.19%);
  z-index: 1;
}

.segment-content {
  position: absolute;
  left: 24px;
  right: 24px;
  bottom: 24px;
  z-index: 2;
  color: #fff;
}

.segment-content .h3-heading {
  color: #ffffff;
}

.segment-content p {
  color: #fff;
  font-size: 17px;
}

.segment-card:nth-child(4) {
  grid-column: 2 / 3;
}
.segments-section {
  padding: 60px 0;
  background-color: #ecedff;
}
.segments-section .goc-text {
  padding-bottom: 80px;
}
.segment-card:nth-child(5) {
  grid-column: 3 / 4;
}

.integration-section {
  padding: 80px 0 140px 0;
  background: linear-gradient(90deg, #bdfff6 0%, #dbdcff 100%);
  position: relative;
  width: 100%;
}

.integration-section .goc-text {
  padding-bottom: 50px;
}

.integration-section.sticky-active {
  position: fixed;
  top: 50%;
  left: 0;
  width: 100%;
  transform: translateY(-50%);
  z-index: 999;
  /* background: #fff; */
}
.integration-wrap {
  display: grid;
  grid-template-columns: 1fr 1.1fr;
  align-items: center;
  gap: 80px;
}

.integration-content {
  max-width: 520px;
  margin-left: auto;
}

.count {
  font-size: 44px;
  font-weight: 800;
  color: rgba(21, 24, 111, 0.25);
  margin-bottom: 35px;
}

.integration-content h3 {
  font-size: 25px;
  color: #15186f;
  font-weight: 800;
  margin-bottom: 22px;
}

.integration-content p {
  font-size: 20px;
  line-height: 1.45;
  color: #34384a;
}

.integration-card {
  background: #ffffff03;
  border: 1px solid rgba(255, 255, 255, 0.6);
  border-bottom: 5px solid #4349ed;
  border-radius: 16px;
  padding: 0;
  min-height: 313px;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0px 0px 30.99px 0px #0000001a;
  width: 537px;
  margin: 0 auto;
}

.integration-card img {
  width: 100%;
  max-width: 520px;
  display: block;
}

.wrapper {
  width: 100%;
  height: 100vh;
  position: relative;
}
.wrapper:after {
  background: linear-gradient(
    258.47deg,
    rgba(0, 0, 0, 0.5) 21.44%,
    rgba(0, 0, 0, 0.9) 48.56%,
    rgba(0, 0, 0, 0.8) 95.92%
  );
  position: absolute;
  width: 100%;
  content: "";
  height: 100vh;
  left: 0;
  right: 0;
  z-index: 1;
}
.screen {
  width: 100%;
  height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  font-size: 60px;
  color: #fff;
  position: absolute;
  top: 0;
  left: 100%;
  transition: 1s ease;
  z-index: 99;
  /* max-width: 1050px;

  margin: 0 0 0 11%; */
}
.table-box h4 {
  font-size: 20px;
  font-weight: normal;
  width: 104px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.screen.active {
  left: 0;
  /* right: inherit; */
}

.screen.prev {
  left: -100%;
}

.order-section {
  position: relative;
  min-height: 52vh;
  /* padding: 70px 20px; */
  overflow: hidden;
  color: #fff;
}

.bg-video {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 1;
}

.overlay {
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.72);
  z-index: 2;
}

.order-container {
  position: relative;
  z-index: 3;
  max-width: 1050px;
  margin: auto;
}

.quote-wrapper {
  width: 100%;
  padding: 40px 0px 0 0;
  max-width: 1080px;
}

.top-bar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  margin-bottom: 40px;
  flex-wrap: wrap;
  width: 100%;
}

.top-bar h2 {
  font-size: 48px;
  font-weight: 600;
  line-height: 1.1;
}

.reset-btn {
  border: 1px solid rgba(255, 255, 255, 0.15);
  background: #121212;
  color: #fff;
  padding: 16px 26px;
  border-radius: 10px;
  font-size: 20px;
  font-weight: 500;
  cursor: pointer;
  transition: 0.3s ease;
  display: flex;
  align-items: center;
  gap: 10px;
}

.reset-btn:hover {
  background: #1f1f1f;
}

/* =========================
   CARD
========================= */

.quote-card {
  width: 100%;
  background: linear-gradient(90deg, #171717, #111111);
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 12px;
  padding: 30px;
}

.quote-card h2 {
  font-size: 40px;
  margin-bottom: 25px;
  font-weight: 700;
}

/* =========================
   GRID
========================= */

.quote-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 16px;
}

.info-box {
  background: rgba(255, 255, 255, 0.08);
  border: 1px solid rgba(255, 255, 255, 0.14);
  border-radius: 10px;
  padding: 18px 18px 20px;
  min-height: 110px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.info-box span {
  font-size: 18px;
  color: #ffffff;
  margin-bottom: 8px;
  display: block;
  font-weight: 200;
}

.info-box h3 {
  font-size: 21px;
  line-height: 1.3;
  word-break: break-word;
}

.wrapper-new {
  max-width: 1100px;
  /* margin: auto; */
  background: #1b1b1b;
  border-radius: 14px;
  padding: 20px;
  width: 100%;
  /* overflow-x:auto; */
}

.wrapper-new .title {
  font-size: 30px;
  font-weight: 600;
  margin-bottom: 20px;
}

.table-box {
  width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 12px;
}
.table-box th,
.table-box td {
  padding: 14px 18px;
  white-space: nowrap; /* scroll enable */
}
.table-box table {
  width: max-content; /* important */
  min-width: 100%;
  border-collapse: collapse;
}

th {
  background: #2a2a2a;
  padding: 18px 15px;
  text-align: left;
  font-size: 16px;
  border-right: 1px solid rgba(255, 255, 255, 0.2);
}

td {
  padding: 18px 15px;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
  border-right: 1px solid rgba(255, 255, 255, 0.1);
  position: relative;
  font-size: 20px;
}

tr {
  background: #151515;
}

tr:nth-child(even) {
  background: #202020;
}

.product {
  display: flex;
  align-items: center;
  gap: 12px;
  cursor: pointer;
}

.arrow {
  width: 10px;
  height: 10px;
  border-right: 2px solid #fff;
  border-bottom: 2px solid #fff;
  transform: rotate(45deg);
  transition: 0.3s;
}

.product.active .arrow {
  transform: rotate(-135deg);
}

.child-row {
  display: none;
}

.child-row td:first-child {
  padding-left: 50px;
}

.info-icon {
  width: 26px;
  height: 26px;
  border: 2px solid #fff;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  font-size: 14px;
}

.popup {
  position: absolute;
  top: 60px;
  right: -120px;
  width: 420px;
  background: #3a3a3a;
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 12px;
  padding: 15px;
  z-index: 99;
  display: none;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.5);
}

.popup h3 {
  margin-bottom: 15px;
  font-size: 22px;
}

.popup table {
  min-width: 100%;
}

.popup th,
.popup td {
  padding: 10px;
  font-size: 14px;
}

.close-btn {
  position: absolute;
  top: 10px;
  right: 15px;
  cursor: pointer;
  font-size: 28px;
}

.info-wrap {
  display: flex;
  align-items: center;
  gap: 10px;
}

.quote-card-new {
  width: 100%;
  max-width: 1100px;
  /* margin: auto; */
  background: linear-gradient(135deg, #161616, #0f0f0f);
  border-radius: 14px;
  border: 1px solid rgba(255, 255, 255, 0.12);
  padding: 30px;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.4);
}

.quote-card-new .quote-title {
  font-size: 30px;
  font-weight: 600;
  margin-bottom: 40px;
}

.quote-card-new .quote-row {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 20px;
  margin-bottom: 35px;
}

.quote-card-new .left-text {
  font-size: 24px;
  font-weight: 300;
}

.quote-card-new .right-side {
  display: flex;
  align-items: center;
  gap: 25px;
  text-align: right;
}

.quote-card-new .formula {
  font-size: 15px;
  color: #d9d9d9;
  white-space: nowrap;
  font-weight: 400;
}

.quote-card-new .price {
  font-size: 24px;
  font-weight: 500;
  min-width: 180px;
  display: flex;
  align-items: center;
  gap: 20px;
  color: #fff;
}

.quote-card-new .divider {
  height: 1px;
  width: 100%;
  background: rgba(255, 255, 255, 0.6);
  margin: 10px 0;
}

.quote-card-new .grand-total {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 20px;
}

.quote-card-new .grand-title {
  font-size: 24px;
  font-weight: 600;
}

.quote-card-new .grand-price {
  font-size: 40px;
  font-weight: 600;
}

section.pricing-section {
  padding: 60px 0;
  background-color: #ecedff;
}

.pricing-section .pricing-wrapper {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 35px;
}
.pricing-section .goc-text h3 {
  color: #171b5c;
  font-size: 22px;
  font-weight: 700;
  margin: 24px 0;
}
.pricing-section .goc-text {
  margin-bottom: 80px;
}
.pricing-section .card {
  border-radius: 24px;
  padding: 24px;
  position: relative;
  border: none;
  transition: 0.3s ease;
}

.pricing-section .card:hover {
  transform: translateY(-8px);
}

.pricing-section .starter {
  background-image: url(../../assets/image/starter.webp);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: -18px;
}

.pricing-section .professional {
  background-image: url(../../assets/image/professional.webp);
  background-size: cover;
  background-repeat: no-repeat;
  box-shadow: 0px 0px 50px 0px #008dff4d;
  background-position: -18px;
}
.common-box {
  display: flex;
  justify-content: space-between;
  margin-bottom: 8px;
}
.common-box span {
  color: #3c3e4b;
  font-size: 16px;
}
.common-box strong {
  color: #3c3e4b;
}
.pricing-section .enterprise {
  background-image: url(../../assets/image/enterprise.webp);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: -18px;
}

.pricing-section .card h2 {
  font-size: 22px;
  color: #171b5c;
  margin-bottom: 25px;
  font-weight: 700;
  text-transform: uppercase;
}

.pricing-section .price {
  font-size: 40px;
  font-weight: 700;
  margin-bottom: 8px;
  line-height: 1;
  background: transparent;
}

.pricing-section .green {
  color: #18a700;
}

.pricing-section .blue {
  color: #0a74dd;
}

.pricing-section .dark-blue {
  color: #1438f5;
}
.pricing-section .subtitle {
  font-size: 18px;
  color: #3c3e4b;
  margin-bottom: 16px;
  font-weight: 600;
}

.pricing-section .feature-title {
  font-size: 22px;
  margin-bottom: 18px;
  font-weight: 700;
}

/* .tag-title {
      font-size: 23px;
      font-weight: 800;
      color: #10145c;
      letter-spacing: 1.5px;
      margin-bottom: 18px;
      text-transform: uppercase;
    } */

.pricing-wrapper .intro {
  font-size: 16px;
  line-height: 1.45;
  margin-bottom: 22px;
}

.price {
  font-size: 42px;
  font-weight: 900;
  color: #0bb000;
  margin-bottom: 6px;
}

.pricing-wrapper .price-note {
  font-size: 15px;
  line-height: 1.45;
  margin-bottom: 14px;
}

.starter .pill {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  border: 1.5px solid #11b600;
  color: #0fac00;
  border-radius: 30px;
  padding: 7px 12px;
  font-size: 15px;
  font-weight: 700;
  margin-bottom: 0px;
}

.professional .pill {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  border: 1.5px solid #007bdf;
  color: #007bdf;
  border-radius: 30px;
  padding: 7px 12px;
  font-size: 15px;
  font-weight: 700;
  margin-bottom: 0px;
  width: 145px;
}
.enterprise .pill {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  border: 1.5px solid #0026ff;
  color: #0026ff;
  border-radius: 30px;
  padding: 7px 12px;
  font-size: 15px;
  font-weight: 700;
  margin-bottom: 0px;
  width: 200px;
}

.starter .clock {
  width: 18px;
  height: 18px;
  border: 2px solid #0fac00;
  border-radius: 50%;
  position: relative;
}
.enterprise .clock {
  width: 18px;
  height: 18px;
  border: 2px solid #0026ff;
  border-radius: 50%;
  position: relative;
}
.professional .clock {
  width: 18px;
  height: 18px;
  border: 2px solid #007bdf;
  border-radius: 50%;
  position: relative;
}

.starter .clock::before {
  content: "";
  position: absolute;
  width: 2px;
  height: 6px;
  background: #0fac00;
  left: 4px;
  top: 3px;
}

.enterprise .clock::before {
  content: "";
  position: absolute;
  width: 2px;
  height: 6px;
  background: #0026ff;
  left: 4px;
  top: 3px;
}
.professional .clock::before {
  content: "";
  position: absolute;
  width: 2px;
  height: 6px;
  background: #007bdf;
  left: 4px;
  top: 3px;
}
.starter .clock::after {
  content: "";
  position: absolute;
  width: 6px;
  height: 2px;
  background: #0fac00;
  left: 4px;
  top: 8px;
}
.enterprise .clock::after {
  content: "";
  position: absolute;
  width: 6px;
  height: 2px;
  background: #0026ff;
  left: 4px;
  top: 8px;
}
.professional .clock::after {
  content: "";
  position: absolute;
  width: 6px;
  height: 2px;
  background: #007bdf;
  left: 4px;
  top: 8px;
}
.pricing-wrapper h3 {
  font-size: 18px;
  color: #3c3e4b;
  margin: 16px 0 10px;
  font-weight: 800;
}

.pricing-wrapper .text {
  font-size: 16px;
  line-height: 1.45;
  margin-bottom: 14px;
}

.pricing-wrapper .phase {
  border-top: 0;
  margin-top: 12px;
}

.pricing-wrapper .phase-head {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  cursor: pointer;
  padding: 6px 0;
}

.pricing-wrapper .phase-title {
  font-size: 18px;
  font-weight: 800;
  color: #3b414f;
}

.pricing-wrapper .phase-sub {
  font-size: 15.5px;
  line-height: 1.35;
  margin-top: 2px;
}

.pricing-wrapper .arrow {
  width: 10px;
  height: 10px;
  border-right: 2px solid #38424f;
  border-bottom: 2px solid #38424f;
  transform: rotate(45deg);
  margin-top: 8px;
  transition: 0.3s;
  flex-shrink: 0;
}

.pricing-wrapper .phase.active .arrow {
  transform: rotate(225deg);
}

.pricing-wrapper .phase-body {
  display: none;
  padding-top: 8px;
}

.pricing-wrapper .phase.active .phase-body {
  display: block;
}

.pricing-wrapper .check-list {
  list-style: none;
  margin: 10px 0 16px;
  padding: 0;
}

.pricing-wrapper .check-list li {
  position: relative;
  padding-left: 30px;
  margin-bottom: 11px;
  font-size: 13px;
  line-height: 1.35;
}

.pricing-wrapper .check-list.big li {
  font-size: 15.5px;
  line-height: 1.35;
}

.pricing-wrapper .check-list li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 1px;
  width: 16px;
  height: 16px;
  background-image: url(../../assets/image/green-arrow.svg);
}

.pricing-wrapper .check-list strong {
  font-weight: 800;
  color: #34404a;
}

.pricing-wrapper .quote-btn {
  display: inline-block;
  background: #0ab300;
  color: #fff;
  text-decoration: none;
  font-size: 15px;
  font-weight: 800;
  padding: 13px 14px;
  border-radius: 8px;
  margin-top: 6px;
}

.pricing-section .features {
  list-style: none;
  padding: 0;
  margin: 0;
}

.pricing-section .features li {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  margin-bottom: 18px;
  font-size: 18px;
  line-height: 1.5;
  color: #474747;
}

.pricing-section .icon {
  min-width: 26px;
  height: 26px;
  border-radius: 50%;
  border: 2px solid currentColor;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  margin-top: 2px;
}

.pricing-section .green-icon {
  color: #18a700;
}
.pricing-section .blue-icon {
  color: #0a74dd;
}

.pricing-section .dark-blue-icon {
  color: #1438f5;
}

.pricing-section .btn {
  display: inline-block;
  padding: 12px 18px;
  border-radius: 8px;
  text-decoration: none;
  color: #fff;
  font-size: 18px;
  font-weight: 600;
  margin-top: 25px;
}

.pricing-section .btn-green {
  background: #1caa00;
}

.pricing-section .btn-blue {
  background: #007bdf;
  width: 130px;
  margin-top: auto;
}

.pricing-section .btn-dark-blue {
  background: #0026ff;
  margin-top: auto;
}

.pricing-section .badge {
  position: absolute;
  top: 18px;
  right: 25px;
  background: #0a74dd;
  color: #fff;
  padding: 10px 18px;
  border-radius: 30px;
  font-size: 15px;
  font-weight: 700;
}

.process-section {
  padding: 60px 0px;
  overflow: hidden;
  background-color: #fff;
}

.process-section .goc-text {
  margin-bottom: 111px;
}

/* timeline */

.process-section .timeline {
  position: relative;
  padding-left: 120px;
}

.process-section .timeline:before {
  content: "";
  position: absolute;
  left: 90px;
  top: -65px;
  width: 92px;
  height: 965px;
  background-image: url(../../assets/image/dot-line.svg);
  background-repeat: no-repeat;
}

.process-section .timeline-item {
  position: relative;
  display: flex;
  align-items: center;
  margin-bottom: 90px;
}

.process-section .timeline-item:last-child {
  margin-bottom: 0;
}

.process-section .circle {
  width: 153px;
  height: 153px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 50px;
  font-weight: 700;
  position: absolute;
  left: -120px;
  z-index: 2;
}

/* circle colors */

.process-section .timeline-item .green {
  background-image: url(../../assets/image/green-ellipse.png);
  background-size: contain;
  color: #1caa00;
}
.process-section .timeline-item.green-col .content {
  width: 100%;
  max-width: 955px;
  margin-left: 50px;
}
.process-section .timeline-item.green-col {
  margin-left: 117px;
}
.process-section .timeline-item .blue {
  background-image: url(../../assets/image/blue-ellipse.png);
  background-size: contain;
  color: #00b0ff;
}
.process-section .timeline-item.blue-col {
  margin-top: -23px;
  margin-left: 8px;
}

.process-section .timeline-item.blue-col .content {
  width: 100%;
  max-width: 1067px;
  margin-left: 50px;
}

.process-section .timeline-item .purple {
  background-image: url(../../assets/image/purple-ellipse.png);
  background-size: contain;
  color: #0026ff;
}
.process-section .timeline-item.purple-col {
  margin-left: 117px;
  margin-top: -50px;
}
.process-section .timeline-item.purple-col .content {
  width: 100%;
  max-width: 955px;
  margin-left: 50px;
}
.process-section .timeline-item .pink {
  background-image: url(../../assets/image/pink-ellipse.png);
  background-size: contain;
  color: #ff00a1;
}
.process-section .timeline-item.pink-col {
  top: -41px;
  left: 7px;
}
.process-section .timeline-item.pink-col .content {
  width: 100%;
  max-width: 1067px;
  margin-left: 50px;
}
.process-section .timeline-item .orange {
  background-image: url(../../assets/image/orange-ellipse.png);
  background-size: contain;
  color: #ff6a02;
}
.process-section .timeline-item.orange-col {
  margin-left: 117px;
  top: -91px;
  left: -8px;
}

.process-section .timeline-item.orange-col .content {
  width: 100%;
  max-width: 955px;
  margin-left: 50px;
}
.process-section .content {
  padding-left: 50px;
}

.process-section .content h3 {
  margin-bottom: 8px;
  color: #171b5c;
}

.process-section .content p {
  font-size: 18px;
  line-height: 1.8;
  color: #3c3e4b;
}

section.why-choose-section {
  padding: 100px 0;
  background-color: #fff;
}
.why-choose-section .goc-text {
  margin-bottom: 80px;
}

.why-choose-section .cards-wrapper {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 21px;
}

/* Card */

.why-choose-section .card {
  position: relative;
  overflow: hidden;
  border-radius: 28px;
  padding: 0 21px;
  min-height: 230px;

  transition: 0.4s ease;
  width: 100%;
  max-width: 425px;
  border: none;
  height: 100%;
  justify-content: center;
}
.why-choose-section .card-box {
  padding-top: 16px;
  width: 100%;
  max-width: 242px;
}
.why-choose-section .card:hover {
  transform: translateY(-8px);
}

.why-choose-section .card h3 {
  font-size: 22px;
  line-height: 1.4;
  color: #171b5c;
  margin-bottom: 18px;
  font-weight: 600;
  width: 100%;
  max-width: 207px;
}

.why-choose-section .card p {
  font-size: 18px;
  line-height: 1.6;
  color: #3c3e4b;
}

/* Right Circle */

.why-choose-section .circle-area {
  position: absolute;
  right: -40px;
  top: 55%;
  transform: translateY(-50%);
  width: 240px;
  height: 240px;
}

.why-choose-section .circle1,
.why-choose-section .circle2 {
  position: absolute;
  border-radius: 50%;
  border: 1px solid rgba(255, 255, 255, 0.7);
  background: #ffffff4d;
}

.why-choose-section .circle1 {
  width: 200px;
  height: 200px;
  right: 0;
  top: 0;
}

.why-choose-section .circle2 {
  width: 150px;
  height: 150px;
  right: 23px;
  top: 26px;
}

/* Icon */

.why-choose-section .icon {
  position: absolute;
  right: 70px;
  top: 70px;
  font-size: 72px;
}

.home-page .why-choose-section .icon {
  position: absolute;
  right: 70px;
  top: 69px;
  font-size: 72px;
}
.cash-automation .why-choose-section .icon {
  top: 67px;
  background-color: transparent;
}
.cash-automation {
  background-color: rgb(238, 240, 250);
 
}
.cash-automation .hero-image {
  margin-right: -32px;
}
.why-choose-section .icon img {
  width: 100%;
  max-width: 70px;
}
/* Card Colors */

.why-choose-section .green {
  background: linear-gradient(90deg, #d9f0d2, #b5e2a9);
}

.why-choose-section .sky {
  background: linear-gradient(90deg, #bfe5f8, #78c8ee);
}

.why-choose-section .purple {
  background: linear-gradient(90deg, #d8d7f7, #b0b4f2);
}

.why-choose-section .pink {
  background: linear-gradient(90deg, #f2d2e8, #eb9fd2);
}

.why-choose-section .peach {
  background: linear-gradient(90deg, #f3dfd0, #f1c7a7);
}

.why-choose-section .blue {
  background: linear-gradient(90deg, #d4e5f7, #8cbcf2);
}
.faq-section .goc-text {
  padding-bottom: 30px;
}
.faq-section {
  position: relative;
  padding: 60px 0;
  overflow: hidden;
}

.faq-item {
  margin-bottom: 10px;
  background: #f4f7fb;
}

.faq-question {
  width: 100%;
  padding: 19px 30px;
  background: #f4f7fb;
  border: none;
  outline: none;
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  align-items: center;
  text-align: left;
  font-size: 17px;
  font-weight: 700;
  color: #000;
  transition: 0.3s ease;
}

.faq-item.active .faq-question {
  color: #1748bb;
}

.faq-icon {
  width: 14px;
  height: 14px;
  border-right: 3px solid currentColor;
  border-bottom: 3px solid currentColor;
  transform: rotate(45deg);
  transition: 0.3s ease;
  flex-shrink: 0;
  margin-left: 20px;
}

.faq-item.active .faq-icon {
  transform: rotate(225deg);
}

.faq-answer {
  display: none;
  background: #ffffff;
  padding: 15px 48px 18px;
  font-size: 16px;
  line-height: 1.45;
  color: #222;
}

.faq-item.active .faq-answer {
  display: block;
}

/********========================agentforce======================================***************************/
.segments-section.agentforce {
  background-color: #fff;
  padding: 60px 0;
}
.cloud-implementation .agentforce .card1 {
  background-image: url(../../assets/image/manual-error-prone-quoting-and-billing.webp);
  background-position: -4px -106px;
  background-repeat: no-repeat;
  background-size: coveR;
}
.cloud-implementation .agentforce .card2 {
  background-image: url(../../assets/image/slow-quote-to-cash-cycles-and-delayed-revenue.webp);
  background-position: -4px -106px;
  background-repeat: no-repeat;
  background-size: cover;
}

.cloud-implementation .agentforce .card3 {
  background-image: url(../../assets/image/complex-pricing-and-discount-management.webp);
  background-position: -24px -5px;
  background-repeat: no-repeat;
  background-size: cover;
}

.cloud-implementation .agentforce .card4 {
  background-image: url(../../assets/image/fragmented-systems-with-no-single-revenue-view.webp);
  background-position: -4px -106px;
  background-repeat: no-repeat;
  background-size: cover;
}
.cloud-implementation .agentforce .card5 {
  background-image: url(../../assets/image/difficulty-handling-subscriptions-and-usage-based-models.webp);
  background-position: -4px -106px;
  background-repeat: no-repeat;
  background-size: cover;
}

.salesforce-agentforce .timeline-item .pink {
  background-image: url(../../assets/image/blue.png);
  background-size: contain;
  color: #0066ff;
  top: -49px;
}
.salesforce-agentforce {
  /* overflow: visible; */
  background: #fff;
  padding: 41px 0 550px 0;
}
.salesforce-agentforce .timeline:before {
  content: "";
  position: absolute;
  left: 44px;
  top: -115px;
  width: 159px;
  height: 1519px;
  background-image: url(../../assets/image/agentforce-zikzak-w.png);
  background-repeat: no-repeat;
  object-fit: contain;
}
.salesforce-agentforce .timeline-item {
  width: 100%;
  max-width: 958px;
}
.salesforce-agentforce .timeline-item.pink-col {
  top: 266px;
  margin: 0;
  left: 16px;
}
.salesforce-agentforce .timeline-item.pink-col .content {
  margin-top: -43px;
  margin-bottom: 38px;
}
.salesforce-agentforce .timeline-item.purple-col {
  margin: 0;
  top: 129px;
  left: -35px;
}
.salesforce-agentforce .timeline-item.purple-col .content {
  padding-left: 0;
  margin-left: 186px;
}

.salesforce-agentforce .timeline-item .purple {
  color: #0026ff;
  top: 0px;
  left: 0px;
}
.salesforce-agentforce .timeline-item .blue {
  top: 0px;
}
.salesforce-agentforce .timeline-item .orange {
  top: 0px;
}
.salesforce-agentforce .timeline-item.blue-col {
  margin: 0;
  top: 53px;
  left: 9px;
}
.salesforce-agentforce .timeline-item.orange-col {
  top: 297px;
  left: 91px;
  margin: 0;
}
.salesforce-agentforce .timeline-item.blue-col .content {
  margin-top: 0px;
  margin-bottom: 0px;
}
.salesforce-agentforce .timeline-item.purple-col .content {
  margin-top: 0px;
  margin-bottom: 0px;
}

.salesforce-agentforce .timeline-item.green-col {
  margin-left: 0;
  margin-bottom: 0;
  top: -25px;
  left: 85px;
}
.salesforce-agentforce .timeline-item.pink-col.col-six-rev {
  top: 410px;
}
.agentforce-inte-card {
  background-color: #fff;
}
.agentforce-benefit {
  background-color: #ecedff;
}
.agentforcewhy-choose .goc-text p {
  margin-bottom: 50px;
}

.why-choose-section.agentforcewhy-choose .cards-wrapper {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 21px;
}
.why-choose-section.agentforcewhy-choose .card {
  position: relative;
  overflow: hidden;
  border-radius: 28px;
  padding: 0 21px;
  min-height: 280px;
  transition: 0.4s ease;
  width: 100%;
  max-width: 404px;
  border: none;
  height: auto;
}
.agentforce-industry-section {
  background-color: #fff;
  padding: 100px 0;
}
.agentforce-services-box span img {
  width: 100%;
  max-width: 70px;
}
.benefits-agentforce-section {
  width: 100%;
  padding: 70px 0px;
  background: #ffffff;
}

.benefits-agentforce-section .benefits-layout {
  position: relative;
  min-height: 670px;
}

.benefits-agentforce-section .benefit {
  position: absolute;
  max-width: 330px;
  z-index: 2;
  background: #b6a6a64d;
  padding: 13px;
  border-radius: 20px;
  transition: all 0.5s;
}
.benefits-agentforce-section .benefit:hover {
  margin-left: 20px !important;
}
.benefits-agentforce-section .right-bottom:hover {
  margin-right: -20px;
}
.benefits-agentforce-section .right-top:hover {
  margin-right: -20px;
}
.benefits-agentforce-section .benefit h3 {
  font-size: 22px;
  color: #11175f;
  font-weight: 700;
  margin-bottom: 12px;
}

.benefits-agentforce-section .benefit p {
  font-size: 16px;
  line-height: 1.45;
}
.benefits-agentforce-section .goc-text {
  margin-bottom: 40px;
}

.benefits-agentforce-section .top {
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  text-align: center;
}

.benefits-agentforce-section .left-top {
  top: 260px;
  left: 0;
  text-align: right;
}

.benefits-agentforce-section .right-top {
  top: 260px;
  right: 0;
  text-align: left;
}

.benefits-agentforce-section .left-bottom {
  bottom: 40px;
  left: 109px;
  text-align: right;
}

.benefits-agentforce-section .right-bottom {
  bottom: 40px;
  right: 120px;
  text-align: left;
}

.benefits-agentforce-section .circle-wrap {
  position: absolute;
  width: 520px;
  height: 520px;
  left: 50%;
  top: 150px;
  transform: translateX(-50%);
}

.benefits-agentforce-section .circle {
  position: absolute;
  width: 230px;
  height: 230px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  /* opacity: 0.75; */
}
.benefits-agentforce-section .center-circle:after {
  background: #ffffff4d;
  width: 270px;
  height: 270px;
  content: "";
  position: absolute;
  border-radius: 100%;
  border: 1px solid #ffffff4d;
  z-index: -1;
}
.benefits-agentforce-section .circle span {
  width: 68px;
  height: 68px;
  /* background: #fff; */
  border-radius: 50%;
  display: grid;
  place-items: center;
  font-size: 26px;
}

.benefits-agentforce-section .c1 {
  background: linear-gradient(180deg, #ffffff -20.47%, #adeaa1 59.46%);
  top: 0;
  left: 145px;
  z-index: -1;
}
.benefits-agentforce-section .circle.c1 span {
  position: absolute;
  top: 30px;
}
.benefits-agentforce-section .c2 {
  background: linear-gradient(270deg, #ffffff -13.91%, #79d6ff 67.95%);
  z-index: -9;
  top: 120px;
  right: 10px;
}
.benefits-agentforce-section .circle.c2 span {
  position: absolute;
  right: 30px;
}
.benefits-agentforce-section .c3 {
  background: linear-gradient(180deg, #b4beff 35.78%, #ffffff 108.16%);
  bottom: 10px;
  right: 90px;
  z-index: 1;
}
.benefits-agentforce-section .circle.c3 span {
  position: absolute;
  bottom: 30px;
}
.benefits-agentforce-section .c4 {
  background: linear-gradient(223.41deg, #f8a0d8 32.82%, #ffffff 91.7%);

  bottom: 10px;
  left: 90px;
}
.benefits-agentforce-section .circle.c4 span {
  position: absolute;
  left: 26px;
  bottom: 70px;
}

.benefits-agentforce-section .c5 {
  background: linear-gradient(114.43deg, #ffffff 4.36%, #fbd3b6 54.24%);
  top: 120px;
  left: 10px;
  z-index: -1;
}
.benefits-agentforce-section .circle.c5 span {
  position: absolute;
  left: 39px;
  top: 67px;
}
.benefits-agentforce-section .center-circle {
  position: absolute;
  width: 185px;
  height: 185px;
  border-radius: 50%;
  background: #ffffff;
  color: #11175f;
  font-size: 20px;
  line-height: 1.35;
  font-weight: 700;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.7);
  z-index: 5;
}
.agentforce-integration-services {
  background: #ecedff;
  padding: 60px 0;
}
.agentforce-integration-services .goc-text .h2-heading {
  margin-bottom: 24px;
}
.agentforce-services-wrapper {
  display: flex;
  gap: 28px;
  flex-wrap: wrap;
}
.agentforce-services .agentforce-services-box.blue-box {
  background: linear-gradient(135deg, #d5efff, #c3e5fb);
}

.agentforce-services .agentforce-services-box.purple-box {
  background: linear-gradient(135deg, #e5e2ff, #d9d7fb);
}

.agentforce-services .agentforce-services-box.pink-box {
  background: linear-gradient(135deg, #f9dcec, #f1d2e3);
}
.agentforce-services .agentforce-services-box.orange-box {
  background: linear-gradient(135deg, #f5e7db, #efdfd3);
}

.agentforce-services-wrapper.pinkbox {
  background: url("../../../assets/image/pinkbox.webp");
  border-radius: 24px;
  padding: 24px;
  background-size: cover;
  background-repeat: no-repeat;
  background-size: cover;
}

.agentforce-services-wrapper.orangebox {
  background: url("../../assets/image/orangebox.webp");
  border-radius: 24px;
  padding: 24px;
  background-size: cover;
  background-repeat: no-repeat;
  background-size: cover;
}

.agentforce-integration-services .agentforce-services-box {
  width: calc(50% - 14px);
  box-shadow: 0px 0px 50px 0px #0000001a;
  background-color: #ffffff4d;
  border-bottom: 5px solid #4349ed;
  padding: 24px;
  border-radius: 24px;
  transition: all 0.5s;
}
.agentforce-integration-services .agentforce-services-box:hover {
  background: #4349ed1f;
}
.agentforce-integration-services .agentforce-services-box span {
  display: flex;
  margin-bottom: 10px;
}
.agentforce-integration-services .goc-text {
  margin-bottom: 50px;
}
.agentforce-faq {
  background-color: #ffff;
}
.agentforce-industry-section .industry-usecase {
  padding: 0px 15px;
  background: #eef0fa;
}
.cloud-implementation .agentforce-industry-section .industry-usecase {
  background-color: #ffff;
}
.agentforce-industry-section .usecase-wrapper {
  max-width: 1200px;
  margin: auto;
  padding: 40px;
  border-radius: 30px;
  border: 1px solid rgba(255, 255, 255, 0.6);
  background: rgba(255, 255, 255, 52%);
  backdrop-filter: blur(15px);
}

.agentforce-industry-section .usecase-item {
  display: flex;
  align-items: center;
  gap: 40px;
  margin-bottom: 40px;
}

.agentforce-industry-section .usecase-item:last-child {
  margin-bottom: 0;
}
span.ins-icon {
  display: block;
  width: 64px;
}
.agentforce-industry-section .usecase-box {
  width: 330px;
  min-width: 330px;
  padding: 26px 22px;
  border-radius: 20px;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.5;
  color: #16245c;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.04);
  position: relative;
  animation-duration: 1s;
  animation-iteration-count: infinite;
  transform-origin: bottom;
  display: flex;
  gap: 20px;
  align-items: center;
}

.agentforce-industry-section .usecase-box:hover {
  animation-name: bounce;
  animation-timing-function: ease;
}
@keyframes bounce {
  0% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-20px);
  }
  100% {
    transform: translateY(0);
  }
}
.agentforce-industry-section .usecase-content {
  flex: 1;
  font-size: 18px;
  line-height: 1.7;
  color: #4f5565;
}

/* Card Backgrounds */

.agentforce-industry-section .green-box {
  background: linear-gradient(135deg, #d7f1d3, #c8e8c5);
}

.agentforce-industry-section .blue-box {
  background: linear-gradient(135deg, #d5efff, #c3e5fb);
}

.agentforce-industry-section .purple-box {
  background: linear-gradient(135deg, #e5e2ff, #d9d7fb);
}

.agentforce-industry-section .pink-box {
  background: linear-gradient(135deg, #f9dcec, #f1d2e3);
}

.agentforce-industry-section .orange-box {
  background: linear-gradient(135deg, #f5e7db, #efdfd3);
}

.agentforce-industry-section .sky-box {
  background: linear-gradient(135deg, #d7ebff, #c5ddf7);
}
.agentforce-industry-section .sky-box2 {
  background: radial-gradient(
    circle at left center,
    #e2e6ff 0%,
    #9daafe 45%,
    #fafbff 100%
  );
}

.benefits-section.revenue-cloud-implementation {
  background-color: #ecedff;
}

.benefits-section.revenue-cloud-implementation .benefit-container {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

.benefits-section.revenue-cloud-implementation .benefit-card {
  width: calc(33.33% - 16px);
  transition: all 0.3s ease;
}

.benefits-section.revenue-cloud-implementation .benefit-card:hover {
  transform: translateY(-5px);
}
.revenue-services {
  padding: 80px 0;
  background: #fff;
}

.revenue-services .goc-text {
  margin-bottom: 40px;
}
.revenue-services .service-list {
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.revenue-services .service-card {
  display: flex;
  align-items: center;
  gap: 30px;
  padding: 24px;
  border-radius: 24px;
  transition: 0.3s ease;
  box-shadow: 0px 0px 30px 0px #0000001a;
  background: linear-gradient(
    270deg,
    rgba(159, 164, 255, 0.2) 0%,
    rgba(255, 255, 255, 0.2) 100%
  );
}

.revenue-services .service-card:hover {
  transform: translateY(-4px);
}

.revenue-services .service-icon {
  min-width: 100px;
  width: 100px;
  height: 100px;
  border-radius: 18px;
  /* background: #b8b9f1; */
  display: flex;
  align-items: center;
  justify-content: center;
}
.revenue-services .service-icon img {
  width: 80px;
}
.revenue-services .service-content {
  flex: 1;
}

.revenue-services .service-content h3 {
  font-weight: 700;
  font-size: 22px;
  line-height: 140%;
  color: #171b5c;
}
.cloud-implementation .why-choose-section.agentforcewhy-choose .card {
  justify-content: center;
}
.cloud-implementation .agentforce-industry-section .blue-box {
  background: radial-gradient(
    circle at left center,
    #e6f2ed 0%,
    #ace9a09c 45%,
    #ace9a0a6 100%
  );
}
.cloud-implementation .agentforce-industry-section .purple-box {
  background: radial-gradient(
    circle at left center,
    #dbeeff 0%,
    #77d6ff 45%,
    #f6fbff 100%
  );
}
.cloud-implementation .agentforce-industry-section .pink-box {
  background: radial-gradient(
    circle at left center,
    #e2e6ff 0%,
    #9daafe 45%,
    #fafbff 100%
  );
}
.cloud-implementation .agentforce-industry-section .orange-box {
  background: radial-gradient(
    circle at left center,
    #f5e3f7 0%,
    #f89ed7 45%,
    #fff9ff 100%
  );
}

.cloud-implementation .agentforce-industry-section .sky-box {
  background: radial-gradient(
    circle at left center,
    #f4ecf0 0%,
    #f5cdb0 45%,
    #ffffff 100%
  );
}

.cloud-implementation .agentforce-industry-section .sky-box2 {
  background: radial-gradient(
    circle at left center,
    #dce7fd 0%,
    #78b3f2 45%,
    #f8fbff 100%
  );
}

.cloud-implementation-industry .industry-models {
  padding: 50px 0 0 0;
}

.cloud-implementation-industry .bento-grid {
  display: flex;
  gap: 20px;
}
.cloud-implementation-industry .bento-grid .h3-heading {
  color: #171b5c;
}
.cloud-implementation-industry .card {
  background: #fff;
  border-radius: 30px;
  padding: 40px;
  box-shadow: 0 15px 40px rgba(0, 0, 0, 0.08);
  transition: 0.4s ease;
  position: relative;
  overflow: hidden;
  width: calc(33.33% - 14px);
  background: linear-gradient(90deg, #f3dfd0, #f1c7a7);
}
.cloud-implementation-industry .card-large {
  background: linear-gradient(90deg, #f2d2e8, #eb9fd2);
}
.cloud-implementation-industry .card-full {
  background: linear-gradient(90deg, #d8d7f7, #b0b4f2);
}
.cloud-implementation .ins-icon img {
  width: 50px;
}
.cloud-implementation .industry-usecase .usecase-box {
  display: flex;
  align-items: center;
  gap: 20px;
}

.cloud-implementation-industry .card:hover {
  transform: translateY(-10px);
}

.cloud-implementation-industry .card::before {
  content: "";
  position: absolute;
  width: 220px;
  height: 220px;
  border-radius: 50%;
  top: -100px;
  right: -100px;
  background: radial-gradient(rgba(124, 140, 255, 0.25), transparent 70%);
}

.cloud-implementation-industry .card-large {
  min-height: 320px;
}

.cloud-implementation-industry .card-full {
  grid-column: 1 / -1;
}

.cloud-implementation-industry .number {
  width: 70px;
  height: 70px;
  border-radius: 16px;
  background: #eef1ff;
  color: #121a5c;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
  margin-bottom: 25px;
  font-size: 25px;
}

.cloud-implementation-industry card h3 {
  font-size: 28px;
  color: #121a5c;
  margin-bottom: 15px;
}

.cloud-implementation-industry .card p {
  color: #666;
  line-height: 1.8;
  font-size: 17px;
}

section.cloud-implementation-industry {
  padding: 100px 0;
  background: #e3fffb;
  /* margin-bottom: 100px; */
}
.cloud-implementation .agentforce-industry-section .usecase-box:after {
  height: 81px;
}
.cloud-for-manufacturing .timeline-item.purple-col {
  top: 9px;
}

.cloud-for-manufacturing .timeline-item.pink-col {
  top: -46px;
  left: 12px;
}
.cloud-for-manufacturing .timeline-item.orange-col {
  top: 326px;
}

.manufacturing-solutions .timeline-item.orange-col {
  top: -96px;
}
.cloud-for-manufacturing .timeline-item.pink-col.col-six-rev {
  top: 475px;
}
.cloud-for-manufacturing .cards-wrapper {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.cloud-for-manufacturing .cards-wrapper .card {
  width: calc(33.33% - 16px);
}

.cloud-for-manufacturing .segments-section .card1 {
  background-image: url(../../assets/image/industrial-manufacturing.webp);
  /* background-position: -4px -106px; */
  background-repeat: no-repeat;
}

.cloud-for-manufacturing .segments-section .card2 {
  background-image: url(../../assets/image/discrete-manufacturing.webp);
  /* background-position: -4px -106px; */
  background-repeat: no-repeat;
}

.cloud-for-manufacturing .segments-section .card3 {
  background-image: url(../../assets/image/process-manufacturing.webp);
  background-position: -4px -106px;
  background-repeat: no-repeat;
}

.cloud-for-manufacturing .segments-section .card4 {
  background-image: url(../../assets/image/equipment-manufacturing.webp);
  background-position: -4px -106px;
  background-repeat: no-repeat;
}

.cloud-for-manufacturing .segments-section .card5 {
  background-image: url(../../assets/image/high-tech-manufacturing.webp);
  /* background-position: -4px -106px; */
  background-repeat: no-repeat;
}
.medical-devices .ins-con img {
  width: 50px !important;
}
.medical-devices .why-choose-section {
  background-color: #ecedff;
}
.medical-devices .usecase-box {
  display: flex;
  gap: 20px;
  align-items: center;
}
.cloud-for-manufacturing.medical-devices .segments-section .card1 {
  background-image: url(../../assets/image/Implantable-&-Critical-Care-Devices.webp);
  /* background-position: -4px -106px; */
  background-repeat: no-repeat;
}

.cloud-for-manufacturing.medical-devices .segments-section .card2 {
  background-image: url(../../assets/image/Diagnostic-&-Imaging-Equipment.webp);
  /* background-position: -4px -106px; */
  background-repeat: no-repeat;
}

.cloud-for-manufacturing.medical-devices .segments-section .card3 {
  background-image: url(../../assets/image/Home-Care-&-Remote-Devices.webp);
  background-position: -4px -106px;
  background-repeat: no-repeat;
}

.cloud-for-manufacturing.medical-devices .segments-section .card4 {
  background-image: url(../../assets/image/Field-Service-Operations.webp);
  background-position: -4px -106px;
  background-repeat: no-repeat;
}

.cloud-for-manufacturing.medical-devices .segments-section .card5 {
  background-image: url(../../assets/image/Medical-Device-Sales-Teams.webp);
  /* background-position: -4px -106px; */
  background-repeat: no-repeat;
}

.medical-agentforce-section {
  padding: 60px 0px 200px 0;
  /* background: #f8fafc; */
  margin-bottom: 39%;
  position: relative;
  height: 100vh !important;
}

/* Center Circle */

.medical-agentforce-section .center-circle {
  width: 320px;
  height: 320px;
  border: 8px solid #22c55e;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -3%);
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 40px;
  z-index: 2;
}

.medical-agentforce-section .center-circle h2 {
  font-size: 28px;
  line-height: 1.4;
  color: #222;
  margin: 0;
}

/* Cards */

.medical-agentforce-section .info-card {
  width: 360px;
  background: #fff;
  padding: 25px 51px;
  border-radius: 100%;
  position: absolute;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
  height: 360px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.medical-agentforce-section .info-card h3 {
  font-size: 16px;
  margin-bottom: 10px;
  padding: 0 20px;
}

.medical-agentforce-section .info-card p {
  font-size: 14px;
  line-height: 1.7;
  color: #666;
}

.medical-agentforce-section .icon {
  width: 55px;
  height: 55px;
  border-radius: 50%;
  background: #22c55e;
  color: #fff;
  font-weight: 700;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 15px;
}

/* Positions */
.driven-agentforce {
  position: relative;
  left: -24px;
  margin-top: 33px;
}
.driven-agentforce:after {
  width: 724px;
  height: 532px;
  border: 9px dotted rgb(216, 51, 51);
  content: "";
  border-radius: 50%;
  position: absolute;
  left: 23%;
  top: 185px;
  z-index: -1;
}
.medical-agentforce-section .card-1 {
  top: 32%;
  left: 20%;
  border-top: 4px solid #22c55e;
}

.medical-agentforce-section .card-2 {
  top: 369px;
  right: 2%;
  border-top: 4px solid #3b82f6;
}

.medical-agentforce-section .card-2 .icon {
  background: #3b82f6;
}

.medical-agentforce-section .card-3 {
  bottom: inherit;
  left: 7%;
  border-top: 4px solid #06b6d4;
  top: 373px;
}

.medical-agentforce-section .card-3 .icon {
  background: #06b6d4;
}

.medical-agentforce-section .card-4 {
  right: 14%;
  border-top: 4px solid #a855f7;
  top: 97%;
}

.medical-agentforce-section .card-4 .icon {
  background: #a855f7;
}

.medical-agentforce-section .card-5 {
  left: 40%;
  top: 592px;
  border-top: 4px solid #f97316;
}

.medical-agentforce-section .card-5 .icon {
  background: #f97316;
}
.home-page .streamline-section {
  background-color: #fff;
}
.client-logo {
  background: #fff;
  padding: 60px 0;
}
.swiper.clientLogoSlider {
  padding: 30px 0;
}
.client-logo h2 {
  font-weight: 700;
  font-size: 32px;
  line-height: 140%;
  text-align: center;
  color: #171b5c;
}
.client-logo-wrapper {
  display: flex;
  flex-wrap: wrap;
  gap: 48px;
  margin-top: 80px;
}
.logo-box {
  box-shadow: 0px 0px 20px 0px #0000001a;
  background: #ffffff1a;
  border-radius: 0px 20px 0px 20px;
  width: 100%;
  max-width: 174px;
  height: 98px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #4349ed;
  overflow: hidden;
}
.logo-box img {
  width: 100%;
  transition: transform 0.5s ease-in-out;
}

.logo-box:hover img {
  transform: scale(1.08);
}
.home-page .agentforce-integration-services {
  background-color: #fff;
}
.home-page .agentforce-services-wrapper {
  flex-wrap: nowrap;
}
.home-page .agentforce-services-box {
  width: calc(33% - 14px);
  background-color: #ffffff4d;
}
.home-page .agentforce-integration-services {
  position: relative;
  z-index: 99;
}
.home-page .agentforce-integration-services:after {
  background: url(../../assets/image/half-cri.png);
  width: 436px;
  height: 700px;
  content: "";
  position: absolute;
  top: 20px;
  right: 0;
  z-index: -1;
  object-fit: contain;
  background-repeat: no-repeat;
}
.home-page .agentforce-integration-services:before {
  background: url(../../assets/image/grey-cricle.svg);
  width: 436px;
  height: 647px;
  content: "";
  position: absolute;
  top: 17%;
  left: 0;
  z-index: -1;
  object-fit: contain;
  background-repeat: no-repeat;
}
.consulting-home {
  display: block;
}

.consulting-home .segment-card {
  width: 100%;
}
.consulting-home .card-row {
  padding-bottom: 24px;
}
.home-page .revenue-section {
  background-color: #fff;
}

.home-page .benefit-container {
  grid-template-columns: repeat(4, 1fr);
}

.home-page .benefits-section {
  background-color: #ecedff;
}

.home-page .benefits-section:after {
  display: none;
}

.home-page .benefits-section:before {
  display: none;
}
/* .home-page .cta-section {
  background: #fff;
  padding: 60px 0 60px 0;
  overflow: hidden;
  background: linear-gradient(135deg, #0176d3, #0b5cab);
  position: relative;
} */

.contact-cta {
  position: relative;
  /* background: linear-gradient(135deg, #ff7a00, #ff8c00); */
  border-radius: 12px;
  padding: 40px;
  overflow: hidden;
  /* display: flex;
    align-items: center;*/
  min-height: 260px;
}

.cta-buttons {
  display: flex;
  gap: 15px;
  flex-wrap: wrap;
}

.cta-btn {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  background: #000;
  color: #fff;
  text-decoration: none;
  padding: 12px 20px;
  border-radius: 50px;
  font-size: 14px;
  font-weight: 600;
  transition: all 0.3s ease;
}

/* .cta-btn span {
  width: 22px;
  height: 22px;
  background: #fff;
  color: #000;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
}

.cta-btn:hover {
  transform: translateY(-3px);
} */

/* .home-page .cta-content {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 50px;
} */

.home-page .cta-text {
  max-width: 821px;
  padding-bottom: 83px;
  padding-top: 50px;
}

.home-page .cta-text h2 {
  font-size: 32px;
  line-height: 1.2;
  font-weight: 700;
  color: #171b5c;
  margin-bottom: 35px;
}

.home-page .cta-btn {
  display: flex;
  background: #4349ed;
  color: #fff;
  text-decoration: none;
  padding: 11px 30px;
  border-radius: 10px;
  font-size: 18px;
  font-weight: 600;
  transition: 0.3s;
}

.home-page .cta-btn:hover {
  transform: translateY(-3px);
}

.home-page .cta-image {
  position: relative;
  flex-shrink: 0;
}

.home-page .cta-content {
  display: flex;
  align-items: center;
  background: #ecedff;
  padding: 0 40px;
}

.home-page .cta-image img {
  max-width: 380px;
  width: 100%;
  display: block;
}

/* .home-page .contact-card {
  position: absolute;
  top: 90px;
  right: -30px;
  background: #fff;
  padding: 12px 18px;
  border-radius: 12px;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
  display: flex;
  align-items: center;
  gap: 12px;
} */

/* .home-page .contact-card .icon {
  width: 38px;
  height: 38px;
  background: #4c6fff;
  color: #fff;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
}

.home-page .contact-info span {
  display: block;
  font-size: 13px;
  color: #4c6fff;
}
p.text-col {
  margin-bottom: 50px;
} */
/* .home-page .contact-info strong {
  font-size: 20px;
  color: #222;
  font-weight: 600;
} */
.partner-section {
  padding: 80px 0;
  background-color: #ecedff;
}
.part-box img {
  width: 100%;
  max-width: 160px;
}
.partner-wrapper {
  display: flex;
  gap: 48px;
  justify-content: center;
  padding-top: 40px;
}
.case-study-section {
  padding: 80px 0;
}
.case-slider-wrapper {
  position: relative;
  padding: 0 40px;
}

.case-study-card {
  display: grid;
  grid-template-columns: 1fr 1fr;
  background: #f4f4f4;
  border-radius: 30px;
  overflow: hidden;
}

.case-slider-wrapper .swiper-slide {
  box-shadow: 0px 0px 50px 0px #0000001a;
}
.view-all-wrap {
  text-align: center;

  margin-top: 36px;
}

.view-all-wrap .view-btn {
  background: #4349ed;
  color: #fff !important;
  padding: 11px 36px;
  border-radius: 7px;
  font-size: 16px !important;
  font-weight: 600 !important;
  text-align: center;
  margin: 0 auto;
  text-decoration: none;
}
.case-study-section .goc-text {
  margin-bottom: 39px;
}
.case-study-section .case-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.case-study-section .case-content {
  padding: 50px;
}

.case-study-section .stats {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
  margin-top: 30px;
}
.case-study-section .stats h4 {
  font-family: "Inter", sans-serif !important;
  font-weight: 700;
  font-size: 18px;
  line-height: 140%;
  letter-spacing: 0%;
}
.case-study-section .stats p {
  font-size: 16px;
}
/* Custom arrows */
.case-study-section .case-prev,
.case-study-section .case-next {
  width: 55px !important;
  height: 55px !important;
  background: #fff;
  border: 2px solid #2952d5;
  border-radius: 50%;
  color: #2952d5 !important;
}

.case-study-section .case-prev::after,
.case-study-section .case-next::after {
  font-size: 18px !important;
  font-weight: 700;
}

.case-study-section .case-prev {
  left: -24px !important;
}

.case-study-section .case-next {
  right: -24px !important;
}

.recent-blog-section {
  padding: 80px 0;
  background: linear-gradient(90deg, #bdfff6 0%, #dbdcff 100%);
}

.recent-blog-section .goc-text {
  margin-bottom: 40px;
}

.blog-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 32px;
}

.blog-card {
  display: flex;
  flex-direction: column;
}

.blog-image {
  border-radius: 20px;
  overflow: hidden;
  margin-bottom: 20px;
}

.blog-image img {
  width: 100%;
  height: 260px;
  object-fit: cover;
  display: block;
  transition: 0.4s;
}

.blog-card:hover .blog-image img {
  transform: scale(1.05);
}

.blog-content h3 {
  font-size: 24px;
  line-height: 1.4;
  color: #161340;
  font-weight: 700;
  margin-bottom: 20px;
}

.read-more {
  font-size: 18px;
  font-weight: 600;
  color: #2554d8;
  text-decoration: underline;
  text-underline-offset: 4px;
}

.view-all-wrap {
  text-align: center;
  margin-top: 50px;
}

.view-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 160px;
  height: 52px;
  background: #2554d8;
  color: #fff;
  text-decoration: none;
  border-radius: 10px;
  font-size: 18px;
  font-weight: 600;
  transition: 0.3s;
}

.view-btn:hover {
  transform: translateY(-2px);
}

.contact-revenue-stats {
  padding: 80px 0;
  background: #fff;
}

.contact-revenue-stats .achiv-box {
  border-radius: 0;
  text-align: left;
  transition: 0.3s ease;
  display: flex;
  gap: 35px;
  margin-bottom: 26px;
  border-bottom: 2px solid #1a43af;
  padding-bottom: 15px;
}
.contact-revenue-stats .achiv-box:last-child {
  border-bottom: none;
}
/* .contact-revenue-stats .stat-card:hover {
    transform: translateY(-5px);
} */

.contact-revenue-stats .stat-card h3 {
  font-size: 25px;
  font-weight: 700;
  color: #1a43af;
  margin-bottom: 11px;
}

.contact-revenue-stats .stat-card span {
  display: block;
  font-size: 18px;
  line-height: 1.5;
  color: #222;
  font-weight: 600;
}
.contact-section .goc-text {
  text-align: left;
}

.contact-revenue-stats .goc-text {
  margin-bottom: 47px;
}

.stats-grid .ima-card img {
  width: 100%;
  max-width: 115px;
  filter: invert(1) brightness(0.5);
}

.conatct-page .hero-section {
  padding: 52px 0;
}

.contact-section .contact-wrapper {
  background: #fff;
  border-radius: 24px;
  padding: 50px;
  box-shadow: 0 15px 40px rgba(0, 0, 0, 0.08);
}

.contact-form .form-group {
  margin-bottom: 20px;
}

.contact-section .form-group input,
.contact-section .form-group select,
.contact-section .form-group textarea {
  width: 100%;
  padding: 16px 20px;
  border: 1px solid #d8dce8;
  border-radius: 12px;
  font-size: 16px;
  outline: none;
  transition: 0.3s;
  background: #fff;
}

.contact-section .form-group input:focus,
.contact-section .form-group select:focus,
.contact-section .form-group textarea:focus {
  border-color: #1a43af;
}

.contact-section .form-group textarea {
  resize: none;
}

.contact-section .full-width {
  grid-column: 1 / -1;
}

.contact-section .form-btn {
  text-align: center;
}

.contact-section .form-btn button {
  background: #1a43af;
  color: #fff;
  border: none;
  padding: 16px 40px;
  border-radius: 10px;
  font-size: 18px;
  font-weight: 600;
  cursor: pointer;
  transition: 0.3s;
}

.contact-section .form-btn button:hover {
  background: #1c45bb;
  transform: translateY(-2px);
}

.contact-info-section {
  padding: 80px 0;
  background: #ecedff;
}

.container {
  max-width: 1320px;
  margin: 0 auto;
  padding: 0 15px;
}

.section-heading {
  text-align: center;
  margin-bottom: 50px;
}

.section-heading h2 {
  font-size: 48px;
  font-weight: 700;
  color: #11184a;
}

.contact-info-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 30px;
}

.info-card {
  background: #f8f9fc;
  padding: 40px 30px;
  border-radius: 20px;
  text-align: center;
  transition: 0.3s ease;
  border: 1px solid #e8ecf5;
}

.info-card:hover {
  transform: translateY(-5px);
}

.table-box .info-icon {
  width: 30px;
  height: 30px;
  margin: 0 auto 20px;
  border-radius: 50%;
  background: #2554d8;
  color: #fff;
  font-size: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.info-card h3 {
  font-size: 28px;
  color: #11184a;
  margin-bottom: 15px;
  font-weight: 700;
}

.info-card a,
.info-card p {
  font-size: 18px;
  line-height: 1.7;
  color: #555;
  text-decoration: none;
}

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

body {
  font-family: Arial, sans-serif;
}

.testimonials-section {
  padding: 80px 0px;
  background: #f8fafc;
}

.container {
  max-width: 1200px;
  margin: auto;
}

.section-heading {
  text-align: center;
  margin-bottom: 50px;
}

.section-heading h2 {
  font-size: 42px;
  margin-bottom: 10px;
}

.section-heading h3 {
  font-size: 20px;
  color: #666;
  font-weight: 400;
}

.testimonial-card {
  background: #fff;
  padding: 20px;
  border-radius: 16px;
  text-align: center;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
  height: 100%;
}

.client-logo img {
  max-width: 120px;
  margin: auto;
  display: block;
}

.testimonial-text {
  font-size: 17px;
  line-height: 1.8;
  color: #555;
  margin-bottom: 25px;
}

.client-info h4 {
  font-size: 22px;
  margin-bottom: 5px;
  color: #111;
}

.client-info span {
  color: #777;
  font-size: 15px;
}

.testimonialSwiper {
  padding-bottom: 60px;
}

.swiper-button-next,
.swiper-button-prev {
  color: #0d6efd;
}

.swiper-pagination-bullet-active {
  background: #0d6efd;
}

.swiper.testimonialSwiper {
  padding: 55px 0;
}

.contact-info-section .goc-text {
  margin-bottom: 33px;
}

.achivement .goc-text {
  text-align: left;
}
.achivement .goc-text .h2-heading {
  font-size: 25px;
}

.about-page .who-we-are {
  padding: 100px 0;
  position: relative;
  overflow: hidden;
}

.about-page .who-we-are::before {
  content: "";
  position: absolute;
  width: 350px;
  height: 350px;
  background: rgba(0, 115, 255, 0.08);
  border-radius: 50%;
  top: -100px;
  right: -100px;
}

.about-page .section-tag {
  display: inline-block;
  background: #e8f2ff;
  color: #0066ff;
  padding: 8px 18px;
  border-radius: 30px;
  font-size: 14px;
  font-weight: 600;
  margin-bottom: 20px;
}

.about-page .who-left p {
  font-size: 17px;
  line-height: 1.8;
  color: #64748b;
}

.about-page .feature-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 25px;
  margin-top: 50px;
}

.about-page .feature-card {
  background: #fff;
  padding: 28px;
  border-radius: 20px;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.06);
  transition: 0.3s;
  border: 1px solid #edf2f7;
}

.about-page .feature-card:hover {
  transform: translateY(-8px);
}

.about-page .icon-box {
  width: 60px;
  height: 60px;
  border-radius: 16px;
  background: linear-gradient(135deg, #0066ff, #00b7ff);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 26px;
  color: #fff;
  margin-bottom: 18px;
}

.about-page .feature-card h4 {
  font-size: 20px;
  font-weight: 700;
  color: #0f172a;
  margin-bottom: 12px;
}

.about-page .feature-card p {
  font-size: 15px;
  color: #64748b;
  line-height: 1.7;
}
.about-page .why-choose-section {
  padding: 100px 0;
  background: #f7f9fc;
  overflow: hidden;
}

.about-page .why-choose-section .icon {
  position: absolute;
  top: -32px;
  left: 0;
  right: 0;
  margin: 0 auto;
  border-radius: 20px 0px 20px 0;
  padding: 0px !important;
  width: 70px;
  height: 70px;
}
.about-page .why-choose-section .icon img {
  width: auto;
  max-width: 44px;
}
.about-page .section-heading span {
  color: #0d6efd;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 1px;
}

.about-page .section-heading h2 {
  font-size: 46px;
  margin: 15px 0;
  color: #111827;
  font-weight: 800;
}

.about-page .section-heading p {
  color: #6b7280;
  line-height: 1.8;
}

.about-page .why-card {
  background: #fff;
  padding: 57px 20px 20px 20px;
  border-radius: 20px;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.06);
  transition: 0.35s;
  position: relative;
  width: calc(33.33% - 14px);
  text-align: center;
}

.about-page .why-card:hover {
  transform: translateY(-8px);
}

.why-card.blue-box {
  background: linear-gradient(135deg, #d5efff, #c3e5fb);
}
.why-card.purple-box {
  background: linear-gradient(135deg, #e5e2ff, #d9d7fb);
}

.why-card.pink-box {
  background: linear-gradient(135deg, #f9dcec, #f1d2e3);
}
.why-card.orange-box {
  background: linear-gradient(135deg, #f5e7db, #efdfd3);
}

.why-card.sky-box {
  background: linear-gradient(135deg, #d7ebff, #c5ddf7);
}
.why-card.greenbox {
  background: linear-gradient(135deg, #d7ebff, #c5ddf7, #ace9a0);
}
.mv-card.mission-card {
  background: linear-gradient(135deg, #d5efff, #c3e5fb);
}
.mv-card.vision-card {
  background: linear-gradient(135deg, #e5e2ff, #d9d7fb);
}
.about-page .icon {
  width: 60px;
  height: 60px;
  background: linear-gradient(135deg, #0d6efd, #00c6ff);
  border-radius: 15px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 26px;
  margin-bottom: 18px;
}

.about-page .why-card h3 {
  font-size: 22px;
  margin-bottom: 12px;
  color: #111827;
}

.about-page .why-card p {
  color: #6b7280;
  line-height: 1.7;
}

.about-page .center-circle {
  width: 320px;
  height: 320px;
  border-radius: 50%;
  background: linear-gradient(135deg, #0d6efd, #00c6ff);
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 20px 50px rgba(13, 110, 253, 0.25);
  flex-shrink: 0;
  position: relative;
}

.about-page .center-circle::before {
  content: "";
  position: absolute;
  inset: -18px;
  border: 2px dashed rgba(13, 110, 253, 0.2);
  border-radius: 50%;
}

.about-page .circle-content {
  text-align: center;
  color: #fff;
  padding: 30px;
}

.about-page .circle-content h4 {
  font-size: 34px;
  font-weight: 800;
  margin-bottom: 10px;
}

.about-page .circle-content span {
  font-size: 18px;
  line-height: 1.5;
}

.about-page .mission-vision {
  padding: 60px 0;
  background: #fff;
  overflow: hidden;
}

.about-page .section-header span {
  color: #0066ff;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 1px;
}

.about-page .section-header h2 {
  font-size: 48px;
  font-weight: 800;
  color: #111827;
  margin: 15px 0;
}
.about-page .hero-section {
  padding: 50px 0;
}
.about-page .section-header p {
  color: #64748b;
  line-height: 1.8;
}

.about-page .mv-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 40px;
  margin-top: 50px;
  position: relative;
}

.about-page .mv-card {
  flex: 1;
  background: rgba(255, 255, 255, 0.9);
  backdrop-filter: blur(15px);
  padding: 40px;
  border-radius: 30px;
  box-shadow: 0 15px 40px rgba(0, 0, 0, 0.08);
  position: relative;
  transition: 0.4s;
}

.about-page .mv-card:hover {
  transform: translateY(-10px);
}

.about-page .card-icon {
  width: 80px;
  height: 80px;
  border-radius: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 34px;
  margin-bottom: 25px;
  background: linear-gradient(135deg, #0066ff, #00c8ff);
}

.about-page .mv-card h3 {
  font-size: 30px;
  margin-bottom: 25px;
  color: #111827;
}

.about-page .mv-card ul {
  list-style: none;
}

.about-page .mv-card ul li {
  position: relative;
  padding-left: 30px;
  margin-bottom: 18px;
  color: #4b5563;
  line-height: 1.7;
}
.about-page .mv-card ul {
  padding: 0;
}
.about-page .mv-card ul li::before {
  content: "✓";
  position: absolute;
  left: 0;
  top: 0;
  color: #0066ff;
  font-weight: 700;
}

.about-page .center-divider {
  width: 120px;
  height: 120px;
  border-radius: 50%;
  background: linear-gradient(135deg, #0066ff, #00c8ff);
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-weight: 700;
  flex-shrink: 0;
  box-shadow: 0 15px 40px rgba(0, 102, 255, 0.3);
}

.about-page .center-divider span {
  text-align: center;
}
.about-page .feature-card.greenbox {
  background: url(../../assets/image/benifit-green.webp);
  border-radius: 24px;
  padding: 24px;
  background-repeat: no-repeat;
  background-size: cover;
}
.about-page .feature-card.bluebox {
  background: url(../../assets/image/bluebox.webp);
  border-radius: 24px;
  padding: 24px;
  background-repeat: no-repeat;
  background-size: cover;
}
.about-page .feature-card.purplebox {
  background: url(../../assets/image/purplebox.webp);
  border-radius: 24px;
  padding: 24px;
  background-repeat: no-repeat;
  background-size: cover;
}

.about-page .why-col {
  display: flex;
  gap: 65px 20px;
  flex-wrap: wrap;
}

/* CTA Section with Animated Wave Background */
.cta-section-goc {
  position: relative;
  padding: 90px 20px;
  overflow: hidden;
  color: #ffffff;
  background: linear-gradient(135deg, #0176d3 0%, #0b5cab 45%, #032d60 100%);
  isolation: isolate;
}

/* Animated Wave Layer 1 */
.cta-section-goc::before {
  content: "";
  position: absolute;
  left: -50%;
  bottom: -10px;
  width: 200%;
  height: 190px;
  background: url("data:image/svg+xml,%3Csvg width='1200' height='180' viewBox='0 0 1200 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 70 C150 140 350 0 600 70 C850 140 1050 0 1200 70 V180 H0 Z' fill='%23ffffff' fill-opacity='0.16'/%3E%3C/svg%3E");
  background-repeat: repeat-x;
  background-size: 1200px 180px;
  animation: waveMove 14s linear infinite;
  z-index: -2;
}

/* Animated Wave Layer 2 */
.cta-section-goc::after {
  content: "";
  position: absolute;
  left: -50%;
  bottom: -25px;
  width: 200%;
  height: 210px;
  background: url("data:image/svg+xml,%3Csvg width='1200' height='200' viewBox='0 0 1200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 90 C220 10 380 170 600 90 C820 10 980 170 1200 90 V200 H0 Z' fill='%23ffffff' fill-opacity='0.10'/%3E%3C/svg%3E");
  background-repeat: repeat-x;
  background-size: 1200px 200px;
  animation: waveMoveReverse 20s linear infinite;
  z-index: -3;
}

/* Container */
.cta-section-goc .goc-container {
  position: relative;
  z-index: 2;
  max-width: 1200px;
  margin: 0 auto;
}

/* CTA Glass Card */
.cta-section-goc .cta-content {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 40px;
  padding: 50px 55px;
  border-radius: 30px;
  background: rgba(255, 255, 255, 0.13);
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
  border: 1px solid rgba(255, 255, 255, 0.25);
  box-shadow: 0 25px 70px rgba(0, 0, 0, 0.22);
  animation: ctaFadeUp 0.9s ease forwards;
  overflow: hidden;
}

/* Light Shine Inside Card */
.cta-section-goc .cta-content::before {
  content: "";
  position: absolute;
  top: -60%;
  left: -40%;
  width: 70%;
  height: 220%;
  background: linear-gradient(
    120deg,
    transparent,
    rgba(255, 255, 255, 0.16),
    transparent
  );
  transform: rotate(20deg);
  animation: cardShine 5s ease-in-out infinite;
}

/* Text */
.cta-section-goc .goc-text {
  position: relative;
  z-index: 2;
  text-align: left;
  max-width: 650px;
}

.cta-section-goc .h2-heading {
  margin: 0 0 16px;
  font-size: clamp(30px, 4vw, 46px);
  line-height: 1.15;
  font-weight: 800;
  color: #ffffff;
}

.cta-section-goc p {
  margin: 0;
  font-size: 18px;
  line-height: 1.7;
  color: rgba(255, 255, 255, 0.9);
}

/* Buttons */
.cta-section-goc .cta-buttons {
  position: relative;
  z-index: 2;
  display: flex;
  justify-content: center;
  gap: 18px;
  flex-wrap: wrap;
  flex-shrink: 0;
}

.cta-section-goc .btn {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 190px;
  padding: 15px 32px;
  text-decoration: none;
  border-radius: 50px;
  font-size: 16px;
  font-weight: 700;
  overflow: hidden;
  transition: all 0.35s ease;
}

.cta-section-goc .btn::before {
  content: "";
  position: absolute;
  top: 0;
  left: -120%;
  width: 100%;
  height: 100%;
  background: linear-gradient(
    120deg,
    transparent,
    rgba(255, 255, 255, 0.45),
    transparent
  );
  transition: all 0.6s ease;
}

.cta-section-goc .btn:hover::before {
  left: 120%;
}

.cta-section-goc .btn-primary {
  background: #ffffff;
  color: #0176d3;
  border: 2px solid #ffffff;
  box-shadow: 0 12px 28px rgba(255, 255, 255, 0.22);
}

.conatct-page .cta-section-goc .btn-primary:hover {
  transform: translateY(-5px);
  box-shadow: 0 18px 38px rgba(255, 255, 255, 0.32);
}

.conatct-page .cta-section-goc .btn-secondary {
  background: transparent;
  color: #ffffff;
  border: 2px solid rgba(255, 255, 255, 0.85);
}

.conatct-page .cta-section-goc .btn-secondary:hover {
  background: #ffffff;
  color: #0176d3;
  border-color: #ffffff;
  transform: translateY(-5px);
  box-shadow: 0 18px 38px rgba(255, 255, 255, 0.24);
}

/* Animations */
@keyframes waveMove {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(600px);
  }
}

@keyframes waveMoveReverse {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-600px);
  }
}

@keyframes ctaFadeUp {
  from {
    opacity: 0;
    transform: translateY(35px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes cardShine {
  0% {
    left: -70%;
  }
  45%,
  100% {
    left: 120%;
  }
}

.contact-info-section .goc-text {
  margin-bottom: 33px;
}

.achivement .goc-text {
  text-align: left;
}
.achivement .goc-text .h2-heading {
  font-size: 25px;
}
/* Final Recommended Highlight CSS */

/* Heading Highlight Color */
.cta-section-goc .h2-heading span {
  color: #ffb199;
}

/* Primary Button */
.cta-section-goc .btn-primary {
  background: #ffffff;
  color: #032d60;
  border-color: #ffffff;
}

/* Primary Button Hover */
.cta-section-goc .btn-primary:hover {
  background: #ffb199;
  color: #032d60;
  border-color: #ffb199;
}

/* Secondary Button */
.cta-section-goc .btn-secondary {
  background: transparent;
  color: #ffb199;
  border-color: #ffb199;
}

/* Secondary Button Hover */
.cta-section-goc .btn-secondary:hover {
  background: #ffb199;
  color: #032d60;
  border-color: #ffb199;
}

/* Revenue CTA Section */
.revenue-ops-cta {
  position: relative;
  padding: 80px 20px;
  background: linear-gradient(135deg, #0176d3 0%, #0b5cab 45%, #032d60 100%);
  overflow: hidden;
}

/* Container */
.revenue-ops-cta .container {
  max-width: 1200px;
  margin: 0 auto;
}

/* CTA Main Box */
.revenue-ops-cta .cta-content {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 50px;
  padding: 55px 60px;
  border-radius: 30px;
  background: rgba(255, 255, 255, 0.12);
  border: 1px solid rgba(255, 255, 255, 0.25);
  box-shadow: 0 25px 60px rgba(25, 30, 120, 0.25);
}

/* Text Area */
.revenue-ops-cta .cta-text {
  max-width: 580px;
  position: relative;
  z-index: 2;
  padding: 0;
}

.revenue-ops-cta .cta-text h2 {
  margin: 0 0 28px;
  font-size: clamp(32px, 4vw, 52px);
  line-height: 1.15;
  font-weight: 800;
  color: #ffffff;
}

/* CTA Button */
.revenue-ops-cta .cta-btn {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 16px 34px !important;
  border-radius: 50px !important;
  background: #ffffff !important;
  color: #0176d3 !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  text-decoration: none !important;
  transition: all 0.3s ease !important;
  box-shadow: 0 14px 30px rgba(255, 255, 255, 0.25) !important;
}

.revenue-ops-cta .cta-btn:hover {
  background: #eef0ff;
  color: #2f34c9;
  transform: translateY(-4px);
  box-shadow: 0 20px 42px rgba(255, 255, 255, 0.32);
}

/* Image Area */
.revenue-ops-cta .cta-image {
  position: relative;
  max-width: 420px;
  width: 100%;
  z-index: 2;
}

.revenue-ops-cta .cta-image > img {
  width: 100%;
  display: block;
  border-radius: 28px;
  object-fit: cover;
  /* box-shadow: 0 20px 45px rgba(0, 0, 0, 0.22); */
  transition: all 0.35s ease;
}

.revenue-ops-cta .cta-image:hover > img {
  transform: translateY(-6px);
}

/* Contact Floating Card */
.revenue-ops-cta .contact-card {
  position: absolute !important;
  left: -35px !important;
  bottom: 30px !important;
  display: flex !important;
  align-items: center !important;
  gap: 14px !important;
  padding: 15px 18px !important;
  border-radius: 18px !important;
  background: #ffffff !important;
  box-shadow: 0 18px 40px rgba(20, 24, 120, 0.25) !important;
  transition: all 0.3s ease !important;
  animation: contactCardFloat 3s ease-in-out infinite !important;
}

.revenue-ops-cta .contact-card:hover {
  transform: translateY(-5px);
}

/* Contact Icon */
.revenue-ops-cta .contact-card .icon {
  width: 48px;
  height: 48px;
  min-width: 48px;
  border-radius: 14px;
  background: #4349ed;
  display: flex;
  align-items: center;
  justify-content: center;
}

.revenue-ops-cta .contact-card .icon img {
  width: 23px;
  height: 23px;
  object-fit: contain;
}

/* Contact Text */
.revenue-ops-cta .contact-info span {
  display: block;
  font-size: 13px;
  color: #6b7280;
  margin-bottom: 4px;
}

.revenue-ops-cta .contact-info strong {
  display: block;
  font-size: 16px;
  font-weight: 800;
  color: #032d60;
}
/* Book a Strategy Session Button - Highlight Color */

/* Contact Info Highlight */
.revenue-ops-cta .contact-card {
  border: 2px solid #ffb199;
}

.revenue-ops-cta .contact-card .contact-info {
  border-left: 3px solid #ffb199;
  padding-left: 14px;
}
.revenue-ops-cta .contact-card .contact-info strong {
  color: #032d60;
}
/* Heading Highlight Text */
.revenue-ops-cta .cta-text h2 span {
  color: #ffb199;
}
/* Simple Animation */
@keyframes contactCardFloat {
  0%,
  100% {
    bottom: 30px;
  }

  50% {
    bottom: 38px;
  }
}

.medical-devices .timeline-item.purple-col {
  top: 172px;
}
.medical-devices .timeline-item.pink-col {
  top: 278px;
  left: 12px;
}

.medical-devices .industry-usecase {
  background: #fff;
}
.office-section {
  padding: 40px 15px;
}

.office-container {
  margin-top: 40px;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
}

.office-card {
  background: #f5f5f5;
  border: 1.5px solid #0a46ff;
  border-radius: 24px;
  text-align: center;
  padding: 50px 25px;
  min-height: 340px;

  display: flex;
  flex-direction: column;
  align-items: center;
  transition: all 0.4s ease;
}

.office-card:hover {
  transform: translateY(-8px);
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.12);
}

.office-card img {
  width: 60px;
  height: auto;
  margin-bottom: 20px;
}

.office-card h3 {
  font-size: 42px;
  font-weight: 700;
  color: #002d72;
  margin-bottom: 20px;
  line-height: 1;
}

.office-card p {
  font-size: 18px;
  line-height: 1.8;
  color: #333;
  margin: 0;
}

li.breadcrumb-item.active {
  font-weight: bold;
  color: #091833;
}

.revops-section {
  padding: 60px 0px;
  background: #f7f9fc;
  overflow: hidden;
}

.revops-section .goc-text {
  margin-bottom: 60px;
}

.revops-path {
  position: relative;
}

.revops-path::before {
  content: "";
  position: absolute;
  left: 50%;
  top: 0;
  width: 3px;
  height: 100%;
  background: linear-gradient(to bottom, #0057ff, #00c6ff);
  transform: translateX(-50%);
}

.revops-item {
  display: flex;
  align-items: center;
  gap: 40px;
  margin-bottom: 80px;
  position: relative;
}

.revops-item:nth-child(even) {
  flex-direction: row-reverse;
}

.revops-number {
  width: 90px;
  height: 90px;
  min-width: 90px;
  border-radius: 50%;
  background: linear-gradient(135deg, #0057ff, #00c6ff);
  color: #fff;
  font-size: 28px;
  font-weight: 700;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  z-index: 2;
  box-shadow: 0 15px 35px rgba(0, 87, 255, 0.25);
}

.revops-content {
  flex: 1;
  background: #fff;
  padding: 35px;
  border-radius: 25px;
  box-shadow: 0 15px 40px rgba(0, 0, 0, 0.06);
  transition: 0.4s;
}

.revops-content:hover {
  transform: translateY(-8px);
}

.revops-content h3 {
  font-size: 24px;
  margin-bottom: 15px;
  color: #111827;
}

.revops-content p {
  color: #6b7280;
  line-height: 1.8;
}

.revops-item:nth-child(odd) .revops-content {
  border-left: 5px solid #0057ff;
  background: linear-gradient(90deg, #f2d2e8, #eb9fd2);
}

.revops-item:nth-child(even) .revops-content {
  border-right: 5px solid #0057ff;
  background: linear-gradient(90deg, #d9f0d2, #b5e2a9);
}

.revenue-challenge-section {
  padding: 60px 0px 120px 0;
  background: #fff;
}

.challenge-hub {
  position: relative;
  /* width: 850px; */
  height: 850px;
  margin: 61px auto 0 auto;
  z-index: 1;
}
.challenge-hub:after {
  border: 5px dotted #171b5c;
  width: 85%;
  height: 100%;
  content: "";
  position: absolute;
  border-radius: 100%;
  z-index: -1;
  top: 65px;
  left: 70px;
}
.challenge-hub p {
  font-size: 16px;
}
.center-content {
  position: absolute;
  top: 64%;
  left: 50%;
  width: 350px;
  height: 350px;
  transform: translate(-50%, -50%);
  border-radius: 50%;
  background: #fff;
  color: #171b5c;
  border: 7px dotted #171b5c;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  padding: 40px;
}

.center-content h2 {
  font-size: 34px;
  margin-bottom: 15px;
}

.manufacturing-solutions .challenge {
  position: absolute;
  width: 220px;
  padding: 25px;
  background: #fff;
  border-radius: 25px;
  text-align: center;
  box-shadow: 0 10px 40px rgba(0, 0, 0, 0.08);
}

.manufacturing-solutions .challenge span {
  width: 55px;
  height: 55px;
  border-radius: 50%;
  background: #2563eb;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: auto auto 15px;
  font-weight: 700;
}

.manufacturing-solutions .c1 {
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 377px;
  background: linear-gradient(90deg, #d9f0d2, #b5e2a9);
}

.manufacturing-solutions .c2 {
  top: 170px;
  right: 0;
  width: 377px;
  background: linear-gradient(90deg, #d8d7f7, #b0b4f2);
}

.manufacturing-solutions .c3 {
  bottom: -39px;
  right: 40px;
  width: 377px;
  background: linear-gradient(90deg, #bfe5f8, #78c8ee);
}

.manufacturing-solutions .c4 {
  bottom: -39px;
  left: 40px;
  width: 377px;
  background: linear-gradient(90deg, #f3dfd0, #f1c7a7);
}

.manufacturing-solutions .c5 {
  top: 170px;
  left: 0;
  width: 377px;
  background: linear-gradient(90deg, #f2d2e8, #eb9fd2);
}
.medical-devices .medical-agentforce-section {
  height: auto !important;
  margin-bottom: 31%;
}
.qtc-section {
  padding: 90px 0;
}

.qtc-wrapper {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 70px;
  align-items: center;
}

/* Left */

.image-box {
  position: relative;
}

.image-box img {
  width: 100%;
  border-radius: 25px;
  display: block;
  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.15);
}

.image-box::before {
  content: "";
  position: absolute;
  width: 220px;
  height: 220px;
  background: #ff6b00;
  border-radius: 50%;
  top: -40px;
  left: -40px;
  z-index: -1;
  opacity: 0.12;
}

.image-box::after {
  content: "";
  position: absolute;
  width: 180px;
  height: 180px;
  background: #0057ff;
  border-radius: 50%;
  bottom: -40px;
  right: -30px;
  z-index: -1;
  opacity: 0.08;
}

.floating-card {
  position: absolute;
  right: -20px;
  bottom: 40px;
  width: 220px;
  background: #fff;
  border-radius: 18px;
  padding: 20px;
  box-shadow: 0 15px 40px rgba(0, 0, 0, 0.15);
}

.floating-card span {
  font-size: 28px;
}

.floating-card h4 {
  margin: 10px 0 5px;
  color: #ff6b00;
  font-size: 24px;
}

.floating-card p {
  font-size: 14px;
  color: #666;
}

/* Right */

.section-tag {
  display: inline-block;
  background: #ffe8da;
  color: #ff6b00;
  padding: 10px 18px;
  border-radius: 50px;
  font-size: 14px;
  font-weight: 600;
  margin-bottom: 18px;
}

.qtc-content h2 {
  font-size: 42px;
  line-height: 1.3;
  margin-bottom: 25px;
}

.qtc-content h2 span {
  color: #ff6b00;
}

.qtc-content p {
  color: #666;
  font-size: 17px;
  line-height: 1.9;
  margin-bottom: 20px;
}

.qtc-features {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;
  margin: 35px 0;
}

.feature-box {
  display: flex;
  gap: 15px;
  background: #fff;
  padding: 18px;
  border-radius: 15px;
  transition: 0.3s;
  box-shadow: 0 5px 20px rgba(0, 0, 0, 0.06);
}

.feature-box:hover {
  transform: translateY(-6px);
}

.icon {
  width: 55px;
  height: 55px;
  background: #ff6b00;
  color: #fff;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 24px;
  flex-shrink: 0;
}

.feature-box h4 {
  margin-bottom: 6px;
  font-size: 18px;
}

.feature-box p {
  margin: 0;
  font-size: 14px;
  line-height: 1.6;
}

.qtc-btn {
  display: inline-block;
  margin-top: 10px;
  background: #ff6b00;
  color: #fff;
  text-decoration: none;
  padding: 15px 35px;
  border-radius: 50px;
  font-weight: 600;
  transition: 0.3s;
}

.qtc-btn:hover {
  background: #111;
}

.cash-automation .why-choose-section.agentforcewhy-choose {
  background: #fff;
}
.cash-automation .agentforce-industry-section {
  background-color: #eef0fa;
}

.cash-automation .why-choose-section {
  background-color: rgb(238, 240, 250);
}
.cash-automation .process-section.salesforce-agentforce {
  padding-top: 60px;
}
.cash-automation .benefits-section.revenue-cloud-implementation {
  background: #fff;
}
.cash-automation .medical-agentforce-section .info-card {
  width: 200px;
  background: #fff;
  padding: 0 19px;
  border-radius: 100%;
  position: absolute;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
  height: 200px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.cash-automation .driven-agentforce:after {
  width: 600px;
  height: 600px;
  border: 9px dotted rgb(216, 51, 51);
  content: "";
  border-radius: 50%;
  position: absolute;
  left: 0;
  right: 0;
  z-index: -1;
  margin: 0 auto;
}

.cash-automation .medical-agentforce-section .card-2 {
  right: 21%;
  top: 455px;
}
.cash-automation .medical-agentforce-section .card-4 {
  right: 25%;
  top: 169px;
}
.cash-automation .medical-agentforce-section .card-1 {
  top: 126px;
  left: 32%;
}
.cash-automation .medical-agentforce-section .card-5 {
  left: 40%;
  top: 639px;
}
.cash-automation .medical-agentforce-section .card-3 {
  bottom: inherit;
  left: 20%;
  top: 418px;
}
.cash-automation .driven-agentforce {
  top: -100px;
}
.cash-automation .medical-agentforce-section {
  height: 74vh !important;
}

.cash-automation .industry-usecase {
  max-width: 1200px;
  margin: auto;
  padding: 40px;
  border-radius: 30px;
  border: 1px solid rgba(255, 255, 255, 52%);
  background: rgba(255, 255, 255, 0.15);
  backdrop-filter: blur(15px);
}
.why-choose-section {
  padding: 80px 0;
  background: #f7f9fc;
}

.container {
  width: 90%;
  max-width: 1200px;
  margin: auto;
}

.section-heading {
  text-align: center;
  margin-bottom: 60px;
}

.section-heading h2 {
  font-size: 42px;
  font-weight: 700;
  color: #1d1d1f;
  line-height: 1.3;
  max-width: 900px;
  margin: auto;
}

.choose-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 30px;
}

.choose-card {
  background: #fff;
  padding: 40px 30px;
  border-radius: 20px;
  text-align: center;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
  transition: 0.35s;
}

.choose-card:hover {
  transform: translateY(-8px);
  box-shadow: 0 18px 45px rgba(0, 0, 0, 0.12);
}

.choose-icon {
  width: 90px;
  height: 90px;
  margin: 0 auto 25px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-size: 34px;
}
.choose-card.blue-box {
  background: linear-gradient(135deg, #d5efff, #c3e5fb);
}
.choose-card.purple-box {
  background: linear-gradient(135deg, #e5e2ff, #d9d7fb);
}

.choose-card.pink-box {
  background: linear-gradient(135deg, #f9dcec, #f1d2e3);
}
.choose-card.orange-box {
  background: linear-gradient(135deg, #f5e7db, #efdfd3);
}
.choose-card.sky-box {
  background: linear-gradient(135deg, #d7ebff, #c5ddf7);
}
.choose-card.sky-box2 {
  background: linear-gradient(90deg, #d9f0d2, #b5e2a9);
}

.choose-card h3 {
  font-size: 22px;
  font-weight: 600;
  color: #222;
  line-height: 1.5;
  margin: 0;
}
.cash-automation .benefits-section .benefit-container {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
}
.cash-automation
  .benefits-section.revenue-cloud-implementation
  .benefit-container {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
}
.cash-automation .timeline-item.pink-col.col-six-rev {
  top: 450px;
}

.cash-automation .benefits-section.revenue-cloud-implementation .benefit-card {
  width: 100%;
}

.cpq-to-revenue .goc-text {
  padding-bottom: 30px !important;
  margin-bottom: 0;
}
.cpq-to-revenue .segments-section .card1 {
  background-image: url(../../assets/image/Disconnected-Billing-and-Revenue-Processes.webp);
  /* background-position: -4px -106px; */
  background-repeat: no-repeat;
}

.cpq-to-revenue .segments-section .card2 {
  background-image: url(../../assets/image/Limited-Subscription-and-Usage-Billing.webp);
  /* background-position: -4px -106px; */
  background-repeat: no-repeat;
}

.cpq-to-revenue .segments-section .card3 {
  background-image: url(../../assets/image/Data-Silos-Across-Systems.webp);
  background-position: -4px -106px;
  background-repeat: no-repeat;
}

.cpq-to-revenue .segments-section .card4 {
  background-image: url(../../assets/image/Manual-Revenue-Recognition.webp);
  background-position: -4px -106px;
  background-repeat: no-repeat;
}

.cpq-to-revenue .segments-section .card5 {
  background-image: url(../../assets/image/Complex-Pricing-Management.webp);
  /* background-position: -4px -106px; */
  background-repeat: no-repeat;
}

.cpq-to-revenue .cloud-implementation-industry .bento-grid {
  display: flex;
  gap: 20px;
  flex-wrap: wrap;
}

.cpq-to-revenue .card.card-full.pinkbox {
  background: linear-gradient(90deg, rgb(217, 240, 210), rgb(181, 226, 169));
}
.cpq-to-revenue .card.card-full.blue-box {
  background: linear-gradient(135deg, rgb(213, 239, 255), rgb(195, 229, 251));
}

.cpq-to-revenue .card.card-full.skybox {
  background: linear-gradient(135deg, rgb(229, 226, 255), rgb(217, 215, 251));
}
.cpq-to-revenue .cloud-implementation-industry .industry-models {
  padding-top: 0;
}
.cpq-to-revenue .why-choose-section .circle-area {
  position: absolute;
  right: 25px;
  top: 25%;
  transform: translateY(-42%);
  width: 240px;
  height: 240px;
  left: 0;
  margin: 0 auto;
}
.cpq-to-revenue .why-choose-section .card h3 {
  max-width: inherit;
}
.cpq-to-revenue .why-choose-section .card-box {
  padding-top: 260px;
  width: 100%;
  max-width: inherit;
  text-align: center;
}
.cpq-to-revenue .why-choose-section .icon {
  background-color: transparent;
}
.cpq-to-revenue .why-choose-section {
  padding: 100px 0;
  background-color: #fff;
  margin-top: 30px;
}
.cpq-to-revenue .benefits-agentforce-section {
  background: #e3fffb;
}

.revenue-cloud-migration .segment-card.card1 {
  background-image: url(../../assets/image/Disconnected-Revenue-Billing-Systems-new.webp);
  /* background-position: -4px -106px; */
  background-repeat: no-repeat;
  background-size: coveR;
}
.revenue-cloud-migration .segment-card.card2 {
  background-image: url(../../assets/image/Limited-Subscription-Usage-Based-Billing-new.webp);
  /* background-position: -4px -106px; */
  background-repeat: no-repeat;
  background-size: cover;
}

.revenue-cloud-migration .segment-card.card3 {
  background-image: url(../../assets/image/Revenue-Data-Silos-across-Systems-new.webp);
  /* background-position: -24px -5px; */
  background-repeat: no-repeat;
  background-size: cover;
}

.revenue-cloud-migration .segment-card.card4 {
  background-image: url(../../assets/image/Complex-Pricing-approval-management-new.webp);
  /* background-position: -4px -106px; */
  background-repeat: no-repeat;
  background-size: cover;
}
.revenue-cloud-migration .segment-card.card5 {
  background-image: url(../../assets/image/Revenue-Recognition-Forecasting-Challenges-new.webp);
  /* background-position: -4px -106px; */
  background-repeat: no-repeat;
  background-size: cover;
}
.revenue-cloud-migration .segment-card.card6 {
  background-image: url(../../assets/image/Operational-Scalability-Limitations-new.webp);
  /* background-position: -4px -106px;  */
  background-repeat: no-repeat;
  background-size: cover;
}
.revenue-cloud-migration .cloud-implementation-industry .bento-grid {
  display: flex;
  gap: 20px;
  flex-wrap: wrap;
  justify-content: center;
}

.revenue-cloud-migration .segments-section .goc-text {
  padding-bottom: 50px;
}

.revenue-cloud-migration .icon img {
  border-radius: 0 !important;
}
.revenue-cloud-migration .why-choose-section .circle-area {
  position: absolute;
  right: 25px;
  top: 25%;
  transform: translateY(-42%);
  width: 240px;
  height: 240px;
  left: 0;
  margin: 0 auto;
}
.revenue-cloud-migration .why-choose-section .card h3 {
  max-width: inherit;
}
.revenue-cloud-migration .why-choose-section .card-box {
  padding-top: 260px;
  width: 100%;
  max-width: inherit;
  text-align: center;
}
.revenue-cloud-migration .why-choose-section .icon {
  background-color: transparent;
}
span.ins-icon img {
  width: 60px;
}
.revenue-cloud-migration .agentforce-industry-section {
  background-color: #ecedff;
}

.subscription-billing-management .card.sky-box {
  background: linear-gradient(135deg, #d7ebff, #c5ddf7);
}

.subscription-billing-management .card.orange-box {
  background: linear-gradient(135deg, #f5e7db, #efdfd3);
}
.subscription-billing-management .why-choose-section .icon {
  background-color: transparent;
}
.subscription-billing-management .medical-agentforce-section .info-card {
  width: 250px;
  background: #fff;
  padding: 0 19px;
  border-radius: 100%;
  position: absolute;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
  height: 250px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  z-index: 111;
}
.subscription-billing-management .driven-agentforce:after {
  width: 600px;
  height: 600px;
  border: 9px dotted rgb(216, 51, 51);
  content: "";
  border-radius: 50%;
  position: absolute;
  left: 0;
  right: 0;
  z-index: 1;
  margin: 0 auto;
}

.subscription-billing-management .medical-agentforce-section .card-2 {
  right: 21%;
  top: 455px;
}
.subscription-billing-management .medical-agentforce-section .card-4 {
  right: 25%;
  top: 169px;
}
.subscription-billing-management .medical-agentforce-section .card-1 {
  top: 126px;
  left: 32%;
}
.subscription-billing-management .medical-agentforce-section .card-5 {
  left: 40%;
  top: 639px;
}
.subscription-billing-management .medical-agentforce-section .card-3 {
  bottom: inherit;
  left: 20%;
  top: 418px;
}
.subscription-billing-management .driven-agentforce {
  top: -100px;
}
.subscription-billing-management .medical-agentforce-section:after {
  background: #ecedff;
  height: 170vh;
  width: 100%;
  content: "";
  top: 0;
  left: 0;
  position: absolute;
  z-index: -1;
}

.subscription-billing-management .subscription-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
  gap: 30px;
  margin-top: 50px;
}
.subscription-billing-management .subscription-grid .benefit-card {
  width: 100%;
}
.subscription-billing-management .goc-text {
  position: relative;
  z-index: 99;
}

.subscription-card {
  background: #fff;
  border-radius: 20px;
  padding: 35px;
  transition: 0.4s;
  position: relative;
  overflow: hidden;
  border: 1px solid #ececec;
}

.subscription-billing-management .subscription-card.green {
  background: linear-gradient(135deg, #d5efff, #c3e5fb);
}

.subscription-billing-management .subscription-card.purple-box {
  background: linear-gradient(135deg, #e5e2ff, #d9d7fb);
}

.subscription-billing-management .subscription-card.pink-box {
  background: linear-gradient(135deg, #f9dcec, #f1d2e3);
}
.subscription-billing-management .subscription-card.orange-box {
  background: linear-gradient(135deg, #f9dcec, #f1d2e3);
}

.subscription-billing-management .subscription-card.sky-box {
  background: linear-gradient(135deg, #d7ebff, #c5ddf7);
}
.subscription-billing-management .subscription-card:hover {
  transform: translateY(-10px);
  box-shadow: 0 20px 45px rgba(0, 0, 0, 0.08);
}

.subscription-billing-management .subscription-card .icon {
  background: transparent;
  margin-bottom: 20px;
}
.subscription-billing-management .agentforce-industry-section {
  background-color: #eef0fa;
  margin-top: 75px;
}

.subscription-billing-management .salesforce-agentforce {
  /* overflow: visible; */
  background: #fff;
  padding: 41px 0 719px 0;
}

.subscription-billing-management .timeline-item.pink-col.col-six-rev {
  top: 573px;
}

.subscription-billing-management .timeline-item.orange-col {
  top: 422px;
}

.subscription-billing-management .timeline-item.pink-col {
  top: 352px;
}
.subscription-billing-management .timeline-item.purple-col {
  top: 197px;
}
.subscription-billing-management .timeline-item.blue-col {
  top: 85px;
}

.subscription-billing-management .timeline-item.green-col {
  top: -1px;
}

.subscription-billing-management .why-choose-section {
  background: #fff;
}
.subscription-billing-management .why-choose-section.subscription-billing {
  background-color: #eef0fa;
}
.usage-based-billing .streamline-section p {
  max-width: 1150px;
  margin: 0 auto 21px auto;
}

.usage-based-billing .icon {
  background-color: transparent;
  margin-bottom: 22px;
}

.usage-based-billing .medical-agentforce-section .info-card {
  width: 250px;
  background: #fff;
  padding: 0 19px;
  border-radius: 100%;
  position: absolute;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
  height: 250px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  z-index: 111;
}
.usage-based-billing .driven-agentforce:after {
  width: 600px;
  height: 600px;
  border: 9px dotted rgb(216, 51, 51);
  content: "";
  border-radius: 50%;
  position: absolute;
  left: 0;
  right: 0;
  z-index: 1;
  margin: 0 auto;
}

.usage-based-billing .medical-agentforce-section .card-2 {
  right: 21%;
  top: 455px;
}
.usage-based-billing .medical-agentforce-section .card-4 {
  right: 25%;
  top: 169px;
}
.usage-based-billing .medical-agentforce-section .card-1 {
  top: 126px;
  left: 32%;
}
.usage-based-billing .medical-agentforce-section .card-5 {
  left: 40%;
  top: 639px;
}
.usage-based-billing .medical-agentforce-section .card-3 {
  bottom: inherit;
  left: 20%;
  top: 418px;
}
.usage-based-billing .driven-agentforce {
  top: -100px;
}
.usage-based-billing .medical-agentforce-section {
  position: relative;
  margin-bottom: 35%;
}
.usage-based-billing .medical-agentforce-section:after {
  background-color: #ecedff;
  position: absolute;
  width: 100%;
  height: 160vh;
  content: "";
  top: 0;
  z-index: -1;
}
.usage-based-billing .subscription-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
  gap: 30px;
  margin-top: 50px;
}

.usage-based-billing .subscription-card.green {
  background: linear-gradient(135deg, #d5efff, #c3e5fb);
}

.usage-based-billing .subscription-card.purple-box {
  background: linear-gradient(135deg, #e5e2ff, #d9d7fb);
}

.usage-based-billing .subscription-card.pink-box {
  background: linear-gradient(135deg, #f9dcec, #f1d2e3);
}
.usage-based-billing .subscription-card.orange-box {
  background: linear-gradient(135deg, #f9dcec, #f1d2e3);
}

.usage-based-billing .subscription-card.sky-box {
  background: linear-gradient(135deg, #d7ebff, #c5ddf7);
}

.usage-based-billing .subscription-card.peach {
  background: linear-gradient(90deg, #f3dfd0, #f1c7a7);
}

.usage-based-billing .salesforce-agentforce {
  padding: 60px 0 710px 0;
}

.usage-based-billing .timeline-item.pink-col.col-six-rev {
  top: 572px;
}

.usage-based-billing .timeline-item.orange-col {
  top: 422px;
  left: 80px;
  margin: 0;
}

.usage-based-billing .timeline-item.pink-col {
  top: 355px;
}

.usage-based-billing .timeline-item.purple-col {
  top: 200px;
}

.usage-based-billing .timeline-item.blue-col {
  top: 75px;
}
.usage-based-billing .timeline-item.green-col {
  top: -2px;
}
.usage-based-billing .agentforce-industry-section {
  background-color: #eef0fa;
  margin-top: 60px;
}
.usage-based-billing .why-choose-section.subscription-billing {
  background: #eef0fa;
}

.revenue-cloud-for-medical .card.sky-box {
  background: linear-gradient(135deg, #d7ebff, #c5ddf7);
}
.revenue-cloud-for-medical .card.orange-box {
  background: linear-gradient(135deg, #f5e7db, #efdfd3);
}

.revenue-cloud-for-medical .why-choose-section .icon {
  background-color: transparent;
}

.revenue-cloud-for-medical .revenue-services {
  padding-top: 0;
  padding-bottom: 80px;
}

.revenue-cloud-for-medical .revenue-services .service-icon img {
  width: auto;
}

.revenue-cloud-for-medical .revenue-section {
  background-color: #ffff;
}
.revenue-cloud-for-medical .timeline-item.green-col {
  top: -60px;
}
.revenue-cloud-for-medical .timeline-item.blue-col {
  top: -10px;
}
.revenue-cloud-for-medical .timeline-item.purple-col {
  top: 6px;
}
.revenue-cloud-for-medical .timeline-item.pink-col {
  top: 61px;
}
.revenue-cloud-for-medical .timeline-item.orange-col {
  top: 75px;
  left: 84px;
}
.revenue-cloud-for-medical .salesforce-agentforce {
  /* overflow: visible; */
  background: #fff;
  padding: 41px 0 153px 0;
}

.revenue-cloud-for-medical .why-choose-section.agentforcewhy-choose {
  background: #fff;
}
.food-beverage .process-section.salesforce-agentforce {
  padding: 41px 0 352px 0;
  background: #f8fafc;
}

.food-beverage .timeline-item.orange-col {
  top: 197px;
}
.food-beverage .timeline-item.pink-col {
  top: 155px;
}
.food-beverage .timeline-item.purple-col {
  top: 72px;
}
.food-beverage .timeline-item.blue-col {
  top: 20px;
}
.food-beverage .timeline-item.green-col {
  top: -34px;
}

.martech .segments-section .card1 {
  background-image: url(../../assets/image/Subscription-&-Usage-Based-Billing-Automation.webp);
  background-position: -4px -106px;
  background-repeat: no-repeat;
}

.martech .segments-section .card2 {
  background-image: url(../../assets/image/Multi-Pack-&-Tiered-Pricing-Configuration.webp);
  background-position: -4px -106px;
  background-repeat: no-repeat;
}

.martech .segments-section .card3 {
  background-image: url(../../assets/image/Promotion-&-Discount-Management.webp);
  background-position: -4px -106px;
  background-repeat: no-repeat;
}

.martech .segments-section .card4 {
  background-image: url(../../assets/image/Revenue-Recognition-&-Compliance-Mapping.webp);
  background-position: -4px -106px;
  background-repeat: no-repeat;
}

.martech .segments-section .card5 {
  background-image: url(../../assets/image/Billing-Integrations-for-SaaS-&-Marketing-Platforms.webp);
  /* background-position: -4px -106px; */
  background-repeat: no-repeat;
}
.martech .segments-section .card6 {
  background-image: url(../../assets/image/Revenue-Cloud-Marketing-Consulting.webp);
  /* background-position: -4px -106px; */
  background-repeat: no-repeat;
}
.martech .segments-section .card7 {
  background-image: url(../../assets/image/Ongoing-Revenue-Cloud-SaaS-Consulting-&-Tuning.webp);
  /* background-position: -4px -106px; */
  background-repeat: no-repeat;
}

.martech .segments-section.agentforce {
  background: #f8fafc;
}
.martech .salesforce-agentforce {
  padding: 41px 0 342px 0;
}
.martech .timeline-item.pink-col.col-six-rev {
  top: 282px;
}
.martech .timeline-item.orange-col {
  top: 160px;
}
.martech .timeline-item.pink-col {
  top: 150px;
}
.martech .timeline-item.purple-col {
  top: 67px;
}
.martech .timeline-item.blue-col {
  top: 15px;
}
.martech .timeline-item.green-col {
  top: -34px;
}
.martech .agentforce-industry-section {
  background-color: #fff;
}
.martech .industry-usecase {
  background-color: #fff;
}

.ag-implementation .segment-card.card1 {
  background-image: url(../../assets/image/Unclear-AI-Agent-Use-Cases.webp);
  /* background-position: -4px -106px; */
  background-repeat: no-repeat;
  background-size: coveR;
}
.ag-implementation .segment-card.card2 {
  background-image: url(../../assets/image/Complex-CRM-and-Data-Integration.webp);
  /* background-position: -4px -106px; */
  background-repeat: no-repeat;
  background-size: cover;
}

.ag-implementation .segment-card.card3 {
  background-image: url(../../assets/image/Lack-of-Agentforce-Expertise-new.webp);
  /* background-position: -24px -5px; */
  background-repeat: no-repeat;
  background-size: cover;
}

.ag-implementation .segment-card.card4 {
  background-image: url(../../assets/image/Poor-Agent-Performance-and-User-Adoption.webp);
  /* background-position: -4px -106px; */
  background-repeat: no-repeat;
  background-size: cover;
}
.ag-implementation .segment-card.card5 {
  background-image: url(../../assets/image/Delayed-Salesforce-Agentforce-Rollout.webp);
  /* background-position: -4px -106px; */
  background-repeat: no-repeat;
  background-size: cover;
}

.ag-implementation .why-choose-section .icon {
  background-color: transparent;
}

.salesforce-revenue-cloud-services .segment-card.card1 {
  background-image: url(../../assets/image/Manual,-Error-Prone-Quoting-and-Billing.webp);
  /* background-position: -4px -106px; */
  background-repeat: no-repeat;
  background-size: coveR;
}
.salesforce-revenue-cloud-services .segment-card.card2 {
  background-image: url(../../assets/image/Slow-Quote-to-Cash-Cycles-and-Delayed-Revenue.webp);
  /* background-position: -4px -106px; */
  background-repeat: no-repeat;
  background-size: cover;
}

.salesforce-revenue-cloud-services .segment-card.card3 {
  background-image: url(../../assets/image/Complex-Pricing-and-Discount-Management.webp);
  /* background-position: -24px -5px; */
  background-repeat: no-repeat;
  background-size: cover;
}

.salesforce-revenue-cloud-services .segment-card.card4 {
  background-image: url(../../assets/image/Fragmented-Systems-with-No-Single-Revenue-View.webp);
  /* background-position: -4px -106px; */
  background-repeat: no-repeat;
  background-size: cover;
}
.salesforce-revenue-cloud-services .segment-card.card5 {
  background-image: url(../../assets/image/Difficulty-Handling-Subscriptions-and-Usage-Based-Models.webp);
  /* background-position: -4px -106px; */
  background-repeat: no-repeat;
  background-size: cover;
}

.salesforce-revenue-cloud-services .benefit-card.peach {
  background: url(../../assets/image/skybox.webp);
  border-radius: 24px;
  padding: 24px;
  background-size: cover;
  background-repeat: no-repeat;
  background-size: cover;
}

.cpq-billing-integration .agentforce-industry-section {
  background: #eef0fa;
  margin-top: 60px;
}

.cpq-billing-integration .timeline-item.pink-col.col-six-rev {
  top: 540px;
}
.cpq-billing-integration .timeline-item.orange-col {
  top: 391px;
}

.cpq-billing-integration .timeline-item.pink-col {
  top: 322px;
}
.cpq-billing-integration  .timeline-item.purple-col {
    top: 164px;
}
/******************RESponsive css*********************************/

/* @media (max-width: 2500px) {
.screen{
      margin: 10% 0 0 22%;
}

}
@media (max-width: 1440px) {
.screen{
       margin: 19% 0 0 15%;
}

} */
@media (max-width: 2500px) {
  .medical-devices .medical-agentforce-section {
    height: auto !important;
    margin-bottom: 36%;
  }
}
@media (max-width: 1900px) {
  .hero-btn {
    padding: 14px 19px;
  }
  .medical-agentforce-section {
    height: 62vh;
  }
  .medical-devices .medical-agentforce-section {
    height: auto !important;
    margin-bottom: 49%;
  }
}
@media (max-width: 1800px) {
  .hero-btn {
    padding: 14px 19px;
  }

  .hero-image img {
    width: 100%;
  }
  .hero-content .h1-heading {
    font-size: 40px;
  }
  .hero-content p {
    margin-bottom: 47px;
  }
}
@media (max-width: 1500px) {
  .medical-devices .medical-agentforce-section {
    height: 50vh !important;
    margin-bottom: 49%;
  }
}
@media (max-width: 1366px) {
  .medical-devices .medical-agentforce-section {
    height: 100vh !important;
    margin-bottom: 42%;
  }
  /* .medical-agentforce-section{
        height: 62vh;
  } */
  /* .hero-image{
  position: absolute;
} */
  /* .screen {
        margin: 0 0 0 10%;
    } */
  /* .order-section {
    position: relative;
    min-height: 100vh;
  } */

  .hero-content .h1-heading {
    font-size: 47px;
  }
  .hero-section:after {
    width: 425px;
    height: 634px;
    object-fit: cover;
  }

  .tab-card h3 {
    font-size: 30px;
    margin-bottom: 11px;
  }
  /* .medical-agentforce-section .card-4 {
    right: 6%;
    top: 71%;
}

.medical-agentforce-section .card-5 {
    left: 40%;
    top: 82%;}

.medical-agentforce-section .card-3 {
    top: 79%;
}
 .medical-agentforce-section {

    margin-bottom: 21%;} */
}
@media (max-width: 1300px) {
  .hero-btn {
    padding: 14px 16px;
  }
  .hero-content .h1-heading {
    font-size: 42px;
  }

  .hero-section {
    padding: 0 0 75px;
  }
}
@media (max-width: 1280px) {
  .benefits-agentforce-section .right-bottom {
    right: 58px;
  }
  .benefits-agentforce-section .left-bottom {
    left: 48px;
  }
  .medical-devices .medical-agentforce-section {
    height: 54vh !important;
  }
}
@media (max-width: 1199px) {
  .driven-agentforce {
    left: 0;
  }
  .home-page .agentforce-services-box {
    width: calc(50% - 14px);
  }
  .home-page .agentforce-services-wrapper {
    flex-wrap: wrap;
  }
  .home-page .cta-image {
    left: -20px;
  }
  .hero-wrapper {
    flex-wrap: wrap;
    padding-top: 30px;
  }
  .hero-content {
    width: 100%;
  }
  section.why-choose-section {
    padding: 50px 0;
  }
  .pricing-section .badge {
    margin-bottom: 23px;
    position: unset;
  }
  .why-choose-section .card {
    max-width: inherit;
  }
  .screen {
    padding: 0 15px;
  }
  .hero-image {
    margin-top: 0;
    max-width: inherit;
  }
  /* .hero-image img {
    width: 100%;
    max-width: 517px;
  } */
  .why-choose-section .cards-wrapper {
    grid-template-columns: repeat(2, 1fr);
  }
  .nav-menu {
    gap: 15px;
  }
  .hero-content .h1-heading {
    font-size: 39px;
  }
  .hero-content h1 {
    font-size: 56px;
  }

  .section-title h2 {
    font-size: 40px;
  }

  .tab-card h3 {
    font-size: 30px;
  }

  .tab-card p {
    font-size: 20px;
  }

  .custom-tabs .nav-link {
    font-size: 18px;
  }
  .tab-wrapper {
    flex-wrap: nowrap;
  }
  .tab-card {
    padding: 34px;
  }
  .right-tab-col {
    width: 100%;
    max-width: 509px;
  }
  .tab-col {
    width: 100%;
    max-width: 484px;
  }
  .order-section {
    position: relative;
    min-height: 44vh;
  }
  .timeline-item.green-col {
    margin-left: 101px;
    top: -8px;
  }
  .timeline-item.blue-col {
    margin-top: -67px;
    margin-left: 8px;
  }
  .timeline-item.pink-col {
    top: -81px;
    left: 7px;
  }
  .timeline-item.orange-col {
    margin-left: 117px;
    top: -155px;
    left: -8px;
  }
  .benefits-agentforce-section .benefit {
    max-width: 221px;
  }
  .benefits-agentforce-section .right-top {
    top: 305px;
  }
  .benefits-agentforce-section .right-bottom {
    bottom: 0;
    right: 74px;
  }
  .benefits-agentforce-section .left-bottom {
    bottom: -31px;
    left: 61px;
  }
  .benefits-agentforce-section .top {
    max-width: 350px !important;
    top: 0;
    left: 51%;
    transform: translateX(-50%);
    text-align: center;
  }
  .benefits-agentforce-section .top {
    max-width: 350px !important;
    top: 0;
    left: 51%;
    transform: translateX(-50%);
    text-align: center;
  }
  .salesforce-agentforce .timeline-item {
    width: 100%;
    max-width: 752px;
  }
  .salesforce-agentforce .timeline:before {
    display: none;
  }
  .segment-card {
    width: calc(50% - 20px);
  }
  .segments-grid {
    gap: 24px;
  }
  .medical-agentforce-section .card-5 {
    left: 37%;
    top: 78%;
  }
  .medical-agentforce-section .card-4 {
    right: 3%;
    top: 72%;
  }
  .medical-agentforce-section .card-3 {
    bottom: inherit;
    left: 7%;
    top: 73%;
  }
  .medical-agentforce-section .card-2 {
    top: 19%;
    right: 10%;
  }
  .medical-agentforce-section .card-1 {
    top: 18%;
    left: 10%;
  }
  .medical-agentforce-section {
    /* background: #f8fafc; */
    margin-bottom: 16%;
  }
  .cta-section-goc .cta-content {
    flex-wrap: wrap;
  }
  .blog-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 32px;
  }
  .medical-devices .medical-agentforce-section .info-card {
    position: unset;
    margin-top: 20px;
  }
  .driven-agentforce:after {
    display: none;
  }
  .medical-agentforce-section .info-card {
    width: 100%;
    border-radius: 20px;
  }
  .manufacturing-solutions.challenge-hub {
    height: auto;
  }
  .manufacturing-solutions .c1 {
    width: 100%;
    transform: inherit;
  }
  .manufacturing-solutions .challenge {
    position: unset;
    width: 100% !important;
    margin-bottom: 20px;
  }
  .revenue-challenge-section {
    padding: 60px 0px 60px 0;
  }
  .center-content {
    display: none;
  }
  .challenge-hub:after {
    display: none;
  }
  .cash-automation .driven-agentforce {
    top: 0;
    display: flex;
    flex-wrap: wrap;
    gap: 20px 35px;
  }
  .cash-automation .medical-agentforce-section .info-card {
    position: unset;
  }
  .cash-automation .medical-agentforce-section {
    margin-bottom: 48px;
    height: auto !important;
    padding-bottom: 50px;
  }
}

@media (max-width: 991px) {
  .usage-based-billing .timeline-item.pink-col.col-six-rev {
    top: 307px;
  }
  .usage-based-billing .salesforce-agentforce {
    padding: 41px 0 60px 0;
  }
  .usage-based-billing .timeline-item.pink-col {
    top: 227px;
  }
  .usage-based-billing .timeline-item.orange-col {
    top: 226px;
  }
  .salesforce-agentforce .timeline-item.purple-col .content {
    padding-left: 0;
    margin-left: 222px;
  }
  .choose-grid {
    grid-template-columns: repeat(2, 1fr);
  }

  .section-heading h2 {
    font-size: 34px;
  }
  .qtc-wrapper {
    grid-template-columns: 1fr;
  }

  .qtc-content h2 {
    font-size: 34px;
  }

  .qtc-features {
    grid-template-columns: 1fr;
  }

  .floating-card {
    position: relative;
    right: 0;
    bottom: 0;
    margin-top: -40px;
  }
  .challenge-hub:after {
    display: none;
  }
  .challenge-hub {
    width: 100%;
    height: auto;
    display: grid;
    gap: 20px;
  }

  .center-content,
  .challenge {
    position: static;
    transform: none;
    width: 100%;
  }

  .center-content {
    height: auto;
    border-radius: 30px;
  }
  .office-container {
    grid-template-columns: repeat(2, 1fr);
  }
  .revops-path::before {
    left: 45px;
  }

  .revops-item,
  .revops-item:nth-child(even) {
    flex-direction: row;
    padding-left: 0;
  }

  .revops-content {
    width: 100%;
  }

  .section-header h2 {
    font-size: 32px;
  }
  .revenue-ops-cta .cta-content {
    flex-direction: column;
    text-align: center;
    padding: 45px 35px;
  }

  .revenue-ops-cta .cta-text {
    max-width: 100%;
  }

  .revenue-ops-cta .cta-image {
    max-width: 380px;
  }

  .revenue-ops-cta .contact-card {
    left: 35% !important;
    bottom: -25px;
    transform: translateX(-50%);
  }

  @keyframes contactCardFloat {
    0%,
    100% {
      bottom: -25px;
    }

    50% {
      bottom: -18px;
    }
  }
  /* .cta-section-goc .cta-content {
    flex-direction: column;
    text-align: center;
    padding: 42px 32px;
  } */

  section.cta-section-goc .goc-text {
    text-align: center;
    max-width: 100%;
  }

  .cta-section-goc .cta-buttons {
    width: 100%;
  }
  .case-study-section .case-prev {
    left: -17px !important;
  }
  .case-study-section .case-next {
    right: -13px !important;
  }
  .case-study-card {
    grid-template-columns: 1fr;
  }

  .stats {
    grid-template-columns: 1fr;
  }

  .case-content {
    padding: 30px;
  }
  .cloud-for-manufacturing .cards-wrapper .card {
    width: calc(50.33% - 16px);
  }
  .home-page .cta-image {
    left: -20px;
  }
  .home-page .agentforce-services-box {
    width: calc(50% - 14px);
  }
  .home-page .benefit-container {
    grid-template-columns: repeat(2, 1fr);
  }
  .home-page .agentforce-services-wrapper {
    flex-wrap: wrap;
  }

  .consulting-home .segment-card {
    margin-bottom: 20px;
  }
  .cta-text h2 {
    font-size: 38px;
  }

  .cta-btn {
    font-size: 20px;
  }

  .cta-image img {
    max-width: 300px;
  }
  .home-page .agentforce-integration-services:after {
    display: none;
  }
  .home-page .agentforce-integration-services:before {
    display: none;
  }
  .medical-agentforce-section {
    margin-bottom: 0 !important;
    height: auto !important;
    padding-bottom: 35px;
  }
  .medical-agentforce-section .info-card {
    position: unset;
    margin: 20px 0 !important;
    width: 100%;
  }

  .medical-agentforce-section .center-circle {
    position: unset;
    transform: inherit;
    margin: 0 auto 20px auto;
  }
  .benefits-section.revenue-cloud-implementation .benefit-card {
    width: calc(50% - 16px);
  }
  .cloud-implementation-industry .bento-grid {
    grid-template-columns: auto;
  }
  .benefits-agentforce-section .benefit {
    max-width: 330px;
  }
  .hero-section {
    padding: 60px 0 56px;
  }
  .tab-wrapper {
    flex-wrap: wrap;
  }
  .hero-wrapper {
    flex-direction: column;
    text-align: center;
  }

  .hero-content,
  .hero-image {
    width: 100%;
  }

  .hero-content h1 {
    font-size: 44px;
  }

  .hero-content p {
    margin-bottom: 40px;
  }

  .hero-image {
    max-width: 650px;
    margin: auto;
  }

  .icon-card {
    left: 10%;
  }

  .icon-circle {
    left: 12%;
  }

  .main-header {
    padding: 20px 0;
  }

  .menu-toggle {
    display: flex;
  }

  .nav-menu {
    position: absolute;
    top: 86px;
    left: 0;
    width: 100%;
    background: #ffffff;
    flex-direction: column;
    gap: 0;
    display: none;
    padding: 15px 24px 25px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
    z-index: 99;
  }

  .nav-menu a {
    width: 100%;
    padding: 14px 0;
    font-size: 16px;
    border-bottom: 1px solid #eef1f5;
  }

  .header-btn {
    width: fit-content !important;
    margin-top: 15px;
    padding: 13px 28px !important;
    border-bottom: none !important;
    margin-right: auto;
  }

  .logo img {
    width: 165px;
  }
  .revenue-section {
    padding: 60px 0;
  }

  .tab-wrapper {
    margin-top: 50px;
  }

  .custom-tabs {
    margin-bottom: 35px;
  }

  .section-title h2 {
    font-size: 34px;
  }

  .section-title p {
    font-size: 18px;
  }

  .tab-card {
    padding: 35px;
  }

  .tab-card h3 {
    font-size: 28px;
  }

  .tab-card p {
    font-size: 18px;
  }
  .segments-section {
    padding: 60px 0;
  }

  .section-heading {
    margin-bottom: 45px;
  }

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

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

  .segments-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 24px;
  }

  .segment-card:nth-child(4),
  .segment-card:nth-child(5) {
    grid-column: auto;
  }

  .segment-card {
    min-height: 420px;
  }
  .integration-wrap {
    grid-template-columns: 1fr;
    gap: 40px;
    text-align: center;
    margin-left: -1px;
    max-width: inherit;
  }
  .integration-card {
    width: 100%;
  }
  .integration-content {
    margin: inherit;
    max-width: inherit;
  }

  .slider-dots {
    justify-content: center;
  }

  .section-head h2 {
    font-size: 28px;
  }

  .section-head p,
  .integration-content p {
    font-size: 17px;
  }
  .why-wrapper {
    flex-wrap: wrap;
  }

  .left-section {
    width: 100%;
  }
  .right-section {
    width: 100%;
  }
  .why-manufacturing.revenue .why-wrapper {
    flex-direction: column-reverse;
  }
  .right-tab-col {
    width: 100%;
    max-width: inherit;
  }
  .benefit-container {
    grid-template-columns: repeat(2, 1fr);
  }
  .segment-card {
    width: calc(50% - 12px);
  }
  .quote-item strong {
    font-size: 14px;
    font-weight: 500;
  }
  .order-section {
    position: relative;
    min-height: 61vh;
  }
  .timeline-item.green-col {
    margin-left: 0;
  }
  .timeline-item.blue-col {
    margin-top: 0px;
    margin-left: 0px;
  }
  .timeline-item.purple-col {
    margin-left: 0;
    margin-top: 0px;
  }
  .timeline-item.pink-col {
    top: 0;
    left: 0px;
  }
  .timeline-item.orange-col {
    margin-left: 0;
    top: 0;
    left: 0;
  }
  .timeline:before {
    display: none;
  }
  .timeline-item {
    margin-bottom: 30px;
  }
  .why-choose-section .card {
    max-width: inherit;
  }
  .benefits-section:after {
    display: none;
  }
  .screen {
    margin: 0;
    padding: 0 15px;
  }
  .pricing-section .pricing-wrapper {
    grid-template-columns: repeat(2, 1fr);
  }
  .why-choose-section .cards-wrapper {
    grid-template-columns: repeat(2, 1fr);
  }
  .benefits-section {
    flex-direction: column;
  }

  .content-box {
    width: 100%;
    max-width: 500px;
  }

  .center-image {
    width: 100%;
    max-width: 400px;
  }

  .process-section.salesforce-agentforce .timeline-item.green-col .content {
    max-width: 450px;
  }
  .process-section.salesforce-agentforce .timeline-item.orange-col .content {
    max-width: 450px;
  }
  .process-section.salesforce-agentforce .timeline-item.pink-col .content {
    max-width: 450px;
  }
  .process-section.salesforce-agentforce .timeline-item.blue-col .content {
    max-width: 450px;
  }
  .why-choose-section.agentforcewhy-choose .card {
    max-width: 352px;
  }
  .benefits-agentforce-section .left-bottom {
    bottom: -30px;
    left: 0;
  }
  .benefits-agentforce-section .right-bottom {
    bottom: -30px;
    right: 0px;
  }
  .benefits-agentforce-section .right-top {
    top: 195px;
    right: 0;
    text-align: left;
  }
  .benefits-agentforce-section .left-top {
    top: 205px;
  }
  .benefits-agentforce-section .circle-wrap {
    display: none;
  }
  .benefits-agentforce-section .benefits-layout {
    position: relative;
    min-height: 508px;
  }
  .salesforce-agentforce .timeline-item.green-col {
    left: 19px;
  }
  .salesforce-agentforce .timeline-item.orange-col {
    left: 13px;
  }
  .salesforce-agentforce .timeline-item.purple-col {
    margin: 0;
    top: 129px;
    left: -110px;
  }
  .agentforce-industry-section.usecase-item {
    gap: 25px;
  }

  .agentforce-industry-section .usecase-box {
    width: 280px;
    min-width: 280px;
    font-size: 17px;
  }

  .agentforce-industry-section .usecase-content {
    font-size: 16px;
  }

  .contact-info-grid {
    grid-template-columns: repeat(2, 1fr);
  }
  .cta-section-goc .cta-content {
    text-align: left;
  }
  .driven-agentforce:after {
    display: none;
  }
  .hero-content .h1-heading span {
    line-height: 39px;
  }
  .cloud-implementation-industry .bento-grid {
    flex-wrap: wrap;
  }
  .cloud-implementation-industry .card {
    width: calc(50% - 14px);
  }
  .revenue-ops-cta .cta-image {
    left: 0;
  }
  .why-choose-section .goc-text {
    margin-bottom: 50px;
  }
  .medical-devices .medical-agentforce-section {
    height: auto !important;
    padding-bottom: 60px;
  }
  .medical-devices .medical-agentforce-section .info-card {
    border-radius: 20px;
  }
  .cash-automation .benefits-section .benefit-container {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
  }

  .cash-automation
    .benefits-section.revenue-cloud-implementation
    .benefit-container {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
  }
  .subscription-billing-management .timeline-item.pink-col {
    top: 219px;
  }
  .subscription-billing-management .timeline-item.orange-col {
    top: 213px;
  }

  .subscription-billing-management .timeline-item.pink-col.col-six-rev {
    top: 306px;
  }
  .subscription-billing-management .salesforce-agentforce {
    padding: 41px 0 62px 0;
  }

  .subscription-billing-management .process-section .goc-text {
    margin-bottom: 62px;
  }

  .subscription-billing-management .medical-agentforce-section .info-card {
    position: unset;
  }
  .subscription-billing-management .medical-agentforce-section .info-card {
    width: 223px;
    height: 223px;
  }
  .subscription-billing-management .medical-agentforce-section:after {
    height: 100%;
  }

  .subscription-billing-management .driven-agentforce {
    top: -9px;
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    justify-content: center;
  }

  section.subscription-section {
    padding-top: 50px;
  }

  .usage-based-billing .medical-agentforce-section .info-card {
    position: unset;
  }
  .usage-based-billing .medical-agentforce-section .info-card {
    width: 223px;
    height: 223px;
  }
  .usage-based-billing .medical-agentforce-section:after {
    height: 100%;
  }

  .usage-based-billing .driven-agentforce {
    top: -9px;
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    justify-content: center;
  }

  section.subscription-section {
    padding-top: 50px;
  }
     .tab-wrapper {
        margin-top: 50px;
        flex-direction: column-reverse;
        gap: 50px;
    }
     .integration-section.sticky-active{
        transform: unset;
            position: unset;
  }
}

@media (max-width: 767px) {
  .faq-section .goc-text {
    padding-bottom: 0;
}
   
 
  .integration-wrap {
    max-width: 322px;
    overflow: visible !important;
  }

  .subscription-section {
    padding: 70px 0;
  }
  .subscription-billing-management .medical-agentforce-section .info-card {
    position: unset;
  }

  .usage-based-billing .medical-agentforce-section .info-card {
    position: unset;
  }
  .usage-based-billing .driven-agentforce {
    top: 0;
    left: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
  }
  .subscription-billing-management .driven-agentforce {
    top: 0;
    left: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
  }
  .subscription-billing-management .medical-agentforce-section:after {
    height: 100%;
  }

  .subscription-grid {
    grid-template-columns: 1fr;
  }
  .cpq-to-revenue .integration-card {
    display: block;
  }
  .cpq-to-revenue .integration-wrap {
    display: block;
  }
  .cpq-to-revenue .integration-section {
    display: block;
  }
  .cash-automation .benefits-section .benefit-container {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
  }
  .cash-automation
    .benefits-section.revenue-cloud-implementation
    .benefit-container {
    display: flex;
  }
  .choose-grid {
    grid-template-columns: 1fr;
  }

  .choose-card {
    padding: 35px 25px;
  }
  .cash-automation .medical-agentforce-section {
    height: auto !important;
    margin-bottom: 0 !important;
    padding-bottom: 60px;
  }
  .cash-automation .image-box::after {
    right: 2px;
  }
  .cash-automation .medical-agentforce-section .info-card {
    position: unset;
    margin: 0 auto 30px auto !important;
    text-align: center;
  }
  .cash-automation .driven-agentforce {
    top: 0;
  }
  .breadcrumb-item + .breadcrumb-item::before {
    display: none;
  }
  .benefits-agentforce-section .benefit {
    margin-bottom: 20px;
  }
  .cloud-implementation-industry .card {
    width: 100%;
  }
  .hero-content .h1-heading span {
    line-height: 32px;
  }
  ol.breadcrumb {
    justify-content: center;
  }
  .office-container {
    grid-template-columns: 1fr;
  }

  .office-card {
    min-height: auto;
    padding: 40px 20px;
  }

  .office-card h3 {
    font-size: 34px;
  }

  .office-card p {
    font-size: 16px;
  }
  .revops-item {
    gap: 20px;
    margin-bottom: 50px;
  }

  .revops-number {
    width: 65px;
    height: 65px;
    min-width: 65px;
    font-size: 20px;
  }

  .revops-content {
    padding: 25px;
  }

  .revops-content h3 {
    font-size: 20px;
  }
  .contact-revenue-stats .achiv-box {
    flex-wrap: wrap;
  }
  .driven-agentforce:after {
    display: none;
  }
  .revenue-ops-cta {
    padding: 60px 15px;
  }

  .revenue-ops-cta .cta-content {
    padding: 35px 22px 60px;
    border-radius: 24px;
  }

  .revenue-ops-cta .cta-btn {
    width: 100%;
  }

  .revenue-ops-cta .contact-card {
    width: 100%;
    justify-content: center;
    position: unset !important;
    transform: unset;
    margin-top: 18px;
  }
  section.cta-section-goc {
    padding: 65px 15px;
  }

  .cta-section-goc .cta-content {
    padding: 35px 22px;
    border-radius: 22px;
  }

  .cta-section-goc p {
    font-size: 16px;
  }

  .cta-section-goc .btn {
    width: 100%;
    min-width: unset;
  }

  section.cta-section-goc::before,
  section.cta-section-goc::after {
    height: 130px;
  }
  /* .cta-section-goc .cta-content {
    display: block;
  } */
  .contact-section .contact-wrapper {
    background: #fff;
    border-radius: 13px;
    padding: 19px;
  }
  .contact-info-grid {
    grid-template-columns: repeat(1, 1fr);
  }
  .cta-section-goc .cta-buttons {
    justify-content: left;
  }
  .contact-revenue-stats .stats-grid {
    grid-template-columns: repeat(1, 1fr);
  }

  .partner-wrapper {
    gap: 13px;
  }
  .case-study-section .case-next {
    right: -6px !important;
  }
  .case-study-section .case-prev {
    left: -6px !important;
  }
  .case-study-section .case-prev,
  .case-study-section .case-next {
    width: 41px !important;
    height: 41px !important;
  }
  .case-study-section .case-content {
    padding: 18px;
  }
  .case-study-section .stats {
    grid-template-columns: repeat(1, 1fr);
  }
  .blog-grid {
    grid-template-columns: repeat(1, 1fr);
  }
  .case-slider-wrapper {
    padding: 0;
  }

  .case-prev,
  .case-next {
    width: 40px !important;
    height: 40px !important;
  }
  .client-logo-wrapper {
    gap: 20px;
  }
  .logo-box {
    max-width: 156px;
  }
  .home-page .agentforce-services-wrapper {
    flex-wrap: wrap;
  }
  .consulting-home .segment-card {
    width: 100%;
    margin-bottom: 20px;
  }
  .consulting-home .card-row {
    padding-bottom: 0;
  }
  .home-page .benefit-container {
    grid-template-columns: repeat(1, 1fr);
  }
  .cloud-for-manufacturing .cards-wrapper .card {
    width: 100%;
  }

  .cta-content {
    flex-direction: column;
    text-align: center;
  }

  .cta-text h2 {
    font-size: 30px;
    margin-bottom: 25px;
  }

  .cta-btn {
    font-size: 18px;
    padding: 14px 28px;
  }

  .cta-image img {
    max-width: 260px;
    margin: auto;
  }

  .contact-card {
    right: 0;
    left: 50%;
    transform: translateX(-50%);
    top: 70px;
    width: max-content;
  }
  .medical-agentforce-section {
    margin-bottom: 0;
    height: auto !important;
    padding-bottom: 35px;
  }
  .medical-devices .medical-agentforce-section {
    height: auto !important;
    padding-bottom: 60px;
  }
  .medical-agentforce-section .info-card {
    position: unset;
    margin: 20px;
    width: 100%;
    border-radius: 26px;
  }
  .medical-agentforce-section .center-circle {
    position: unset;
    transform: inherit;
  }
  .cloud-implementation-industry .bento-grid {
    grid-template-columns: auto;
  }
  .revenue-services .service-card {
    flex-wrap: wrap;
  }
  .agentforce-industry-section .industry-usecase {
    padding: 32px 15px;
  }
  .agentforce-industry-section {
    padding: 50px 0;
}
  .medical-devices .usecase-wrapper {
        padding: 0;
    }
    .medical-devices .industry-usecase {
    padding: 32px 0px;
  }
  .revenue-services .service-content {
    flex: auto;
  }
  .benefits-section.revenue-cloud-implementation .benefit-card {
    width: 100%;
  }
  .salesforce-agentforce .timeline-item.blue-col {
    top: 15px;
  }
  .screen {
    height: auto;
    padding: 0 15px;
  }

  .process-section {
    padding-bottom: 0;
  }
  .quote-card-new .formula {
    white-space: normal;
  }
  .quote-card-new .quote-row {
    display: flex;
    justify-content: inherit;
    flex-wrap: wrap;
  }
  .quote-card-new .left-text {
    width: 100%;
  }
  .quote-card-new .price {
    flex-wrap: wrap;
  }
  .quote-card-new .grand-total {
    flex-wrap: wrap;
  }

  .wrapper {
    height: 163vh;
  }
  .wrapper:after {
    height: 163vh;
  }
  .why-choose-section .card {
    max-width: inherit;
  }
  .pricing-section .pricing-wrapper {
    grid-template-columns: repeat(1, 1fr);
  }
  .why-choose-section .cards-wrapper {
    grid-template-columns: repeat(1, 1fr);
  }
  .process-section .circle {
    position: unset;
  }
  .process-section .timeline-item.orange-col {
    margin-left: 0;
    top: -91px;
    left: 0;
  }
  .process-section .content {
    margin-left: 0 !important;
    padding-left: 0 !important;
  }
  .process-section .timeline-item.purple-col {
    margin-left: 0;
    margin-top: 0;
  }
  .process-section .timeline-item.green-col {
    margin-left: 0;
  }
  .process-section .timeline {
    position: relative;
    padding-left: 0;
  }
  .hero-content,
  .hero-image {
    text-align: center;
  }
  .h2-heading {
    font-size: 25px;
  }
  .hero-content .h1-heading {
    font-size: 30px;
    margin-bottom: 20px;
  }
  .header-container {
    padding: 0 16px;
  }

  .logo img {
    width: 145px;
  }

  .nav-menu {
    top: 76px;
  }
  .hero-section {
    padding: 45px 0 25px;
  }

  .hero-content h1 {
    font-size: 34px;
    line-height: 1.25;
  }

  .hero-content p {
    font-size: 18px;
    text-align: center;
    line-height: 28px;
  }
  .hero-image:after {
    display: none;
  }
  .hero-btn {
    font-size: 15px;
    padding: 12px 15px;
  }

  .icon-card {
    width: 115px;
    height: 90px;
    border-radius: 16px;
    top: 5px;
  }

  .icon-card img {
    width: 78px;
  }

  .icon-circle {
    width: 68px;
    height: 68px;
    top: 130px;
  }

  .icon-circle img {
    width: 38px;
  }
  .section-title h2 {
    font-size: 28px;
  }

  .section-title p {
    font-size: 16px;
  }

  .custom-tabs .nav-link i {
    font-size: 24px;
  }

  .tab-card {
    padding: 25px;
    border-radius: 20px;
  }

  .tab-icon {
    width: 70px;
    height: 70px;
  }

  .tab-icon i {
    font-size: 30px;
  }

  .tab-card h3 {
    font-size: 24px;
  }

  .tab-card p {
    font-size: 16px;
    line-height: 1.6;
  }
  .segments-grid {
    grid-template-columns: 1fr;
  }

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

  .section-heading p {
    font-size: 15px;
  }

  .segment-card {
    min-height: 390px;
    border-radius: 16px;
  }

  .segment-content {
    left: 20px;
    right: 20px;
    bottom: 20px;
  }

  .segment-content h3 {
    font-size: 22px;
  }

  .segment-content p {
    font-size: 16px;
  }
  .integration-section {
    padding: 50px 15px;
  }
  .integration-section {
    min-height: 100vh;
    display: flex;
    align-items: center;
  }

  .integration-wrap {
    overflow: hidden;
  }
  .section-head {
    margin-bottom: 40px;
  }

  .integration-card {
    min-height: auto;
    padding: 18px;
  }

  .count {
    font-size: 36px;
  }

  .integration-content h3 {
    font-size: 22px;
  }
  .benefit-container {
    grid-template-columns: repeat(1, 1fr);
  }
  .benefits-wrapper {
    padding: 20px 12px;
  }
  .segment-card {
    width: 100%;
    background-size: cover;
    background-position: center;
  }
  .top-bar h2 {
    font-size: 22px;
    line-height: 34px;
  }
  .reset-btn {
    padding: 7px 12px;
    font-size: 17px;
  }
  .quote-grid {
    grid-template-columns: repeat(1, 1fr);
  }
  .timeline-item {
    flex-wrap: wrap;
  }
  .content {
    padding-left: 0;
  }
  .timeline-item.green-col .content {
    margin-left: 0;
  }
  .circle {
    position: unset;
    margin-bottom: 20px;
    width: 115px;
    height: 115px;
    font-size: 42px;
  }
  .timeline {
    position: unset;
    padding-left: 0;
  }
  .timeline-item.blue-col .content {
    margin-left: 0;
  }
  .timeline-item.purple-col .content {
    margin-left: 0;
  }
  .timeline-item.pink-col .content {
    margin-left: 0;
  }
  .timeline-item.orange-col .content {
    margin-left: 0;
  }
  .benefits-section:before {
    display: none;
  }
  .info-popup {
    right: 0;
    width: 100%;
  }
  .summary-row {
    grid-template-columns: 1fr;
  }
  .summary-row small {
    text-align: left;
  }
  .summary-total {
    flex-wrap: wrap;
    gap: 20px;
  }
  .summary-total strong {
    font-size: 30px;
  }
  .why-manufacturing {
    padding-bottom: 50px;
  }
  .segments-section .goc-text {
    padding-bottom: 33px;
  }
  .salesforce-agentforce .timeline-item.green-col {
    left: 0;
  }
  .salesforce-agentforce .timeline-item.purple-col {
    margin: 0;
    top: 40px;
    left: 0;
  }
  .salesforce-agentforce .timeline-item.pink-col {
    top: 73px;
    margin: 0;
    left: 0;
  }
  .salesforce-agentforce .timeline-item.pink-col .content {
    margin-top: 0;
    margin-bottom: 38px;
  }
  .salesforce-agentforce .timeline-item.orange-col {
    top: 60px !important;
  }
  .salesforce-agentforce .timeline-item.pink-col.col-six-rev {
    top: 76px;
  }
  .why-choose-section.agentforcewhy-choose .card {
    max-width: inherit;
  }
  .benefits-agentforce-section .top {
    max-width: inherit !important;
  }
  .salesforce-agentforce {
    padding: 41px 0 50px 0 !important;
  }
  .benefits-agentforce-section {
    padding: 50px 0;
  }
  .benefits-agentforce-section .circle-wrap {
    display: none;
  }
  .benefits-agentforce-section .benefit {
    position: unset;
    max-width: inherit;
    text-align: center;
  }
  .benefits-agentforce-section .top {
    transform: inherit;
  }
  .agentforce-integration-services .agentforce-services-box {
    width: 100%;
  }

  .agentforce-services-box.pinkbox {
    background: linear-gradient(90deg, #f2d2e8, #eb9fd2);
  }

  .agentforce-industry-section .usecase-wrapper {
    padding: 25px;
  }

  .agentforce-industry-section .usecase-item {
    flex-direction: column;
    align-items: stretch;
    gap: 15px;
    margin-bottom: 30px;
  }

  .agentforce-industry-section .usecase-box {
    width: 100%;
    min-width: 100%;
    padding: 20px;
    font-size: 18px;
  }

  .agentforce-industry-section.usecase-content {
    font-size: 15px;
    line-height: 1.6;
  }
}