@import url("style_variables.css");
.bg-white {
  background-color: var(--navy) !important;
}
.text-navy {
  /* color: #fff !important; */
}
.hero-btn-prod {
  font-family: Arial, sans-serif;
  font-size: 18px;
  color: white;
  border-radius: 4px;
  background-color: transparent;
  padding: 10px 35px;
  position: relative;
  display: inline-flex;
  font-weight: bold;
  text-align: center;
  text-decoration: none;
  line-height: 1;
  transition: background-color 0.3s ease, color 0.3s ease;
  white-space: normal; /* Allow text to wrap */
  word-wrap: break-word; /* Ensure long words break */
}

.hero-btn-prod:hover {
  background-color: var(--pink); /* Pink background on hover */
  color: white; /* White font on hover */
}

.hero-btn-prod::after {
  content: "→"; /* Arrow symbol */
  font-size: 16px;
  color: white;
  background-color: var(--pink); /* Pink background */
  padding: 8px 10px !important; /* Adjusted padding to match the height of the button */
  border-radius: 4px;
  border: 2px solid var(--pink);
  position: absolute;
  top: 50%;
  transform: translateY(-50%); /* Center the arrow box vertically */
  right: -50px; /* Adjust the position to your preference */
  display: inline-block;
  height: 100%; /* Match the height of the button */
  transition: background-color 0.3s ease, color 0.3s ease;
}

.hero-btn-prod:hover::after {
  background-color: white; /* Change arrow box to white on hover */
  color: var(--pink); /* Change arrow color to pink on hover */
}

.btn-prod {
  font-family: Arial, sans-serif;
  font-size: 18px;
  color: white;
  border-radius: 4px;
  background-color: transparent; /* Transparent background */
  padding: 10px 35px;
  position: relative;
  display: inline-block;
  font-weight: bold;
  text-align: center;
  text-decoration: none;
  line-height: 1;
  transition: background-color 0.3s ease, color 0.3s ease;
  white-space: normal; /* Allow text to wrap */
  word-wrap: break-word; /* Ensure long words break */
}

.btn-prod::after {
  content: "→";
  font-size: 16px;
  padding: 18px 10px !important;
  border-radius: 4px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: -47px;
  display: inline-block;
  height: 100%;
  transition: background-color 0.3s ease, color 0.3s ease;
  line-height: 0px;
}
/* Blue variation */
.blue-cta {
  border: 2px solid var(--bright-blue); /* Blue border */
}

.blue-cta:hover {
  background-color: var(
    --bright-blue
  ) !important; /* Blue background on hover */
  color: white;
  border: 2px solid var(--bright-blue) !important;
}

.blue-cta::after {
  background-color: var(--bright-blue); /* Blue background for arrow */
  color: white;
  border: 2px solid var(--bright-blue);
}

.blue-cta:hover::after {
  background-color: white;
  color: var(--bright-blue); /* Change arrow color to blue on hover */
  border: 2px solid var(--bright-blue);
}

/* Pink variation */
.pink-cta {
  border: 2px solid var(--pink); /* Pink border */
}

.pink-cta:hover {
  background-color: var(--pink) !important; /* Pink background on hover */
  color: white;
  border: 2px solid var(--pink);
}

.pink-cta::after {
  background-color: var(--pink); /* Pink background for arrow */
  color: white !important;
  border: 2px solid var(--pink);
}
.pink-cta:hover::after {
  background-color: #fff !important; /* Pink background for arrow */
  color: var(--pink) !important;
  border: 2px solid var(--pink);
}
.purple-cta:hover::after {
  background-color: white !important;
  color: var(--purple); /* Change arrow color to purple on hover */
}
.purple-cta {
  border: 2px solid var(--purple) !important; /* Pink border */
}

.purple-cta:hover {
  background-color: var(--purple) !important; /* Pink background on hover */
  color: white;
  border: 2px solid var(--purple) !important;
}

.purple-cta::after {
  background-color: var(--purple); /* Pink background for arrow */
  color: white;
  border: 2px solid var(--purple);
}

.purple-cta:hover::after {
  background-color: white;
  color: var(--purple); /* Change arrow color to pink on hover */
}
.btn:disabled,
.btn[disabled] {
  pointer-events: none; /* This completely prevents hover */
}
.learn-more-additional .wpb_content_element ul {
  color: #fff;
}
.learn-more-additional ul.blog-feed a {
  color: #fff;
}
.learn-more-additional ul.blog-feed li:not(:last-child) {
  border-bottom: 1px solid white;
  padding-bottom: 20px;
}
.learn-more-additional .feature-box-headline {
  font-weight: 500;
  font-size: 20px;
  color: #fff;
  /* letter-spacing: .5px; */
  text-decoration: none;
}
#section-learn-more .vc_row:not(.vc_inner) {
  background: rgb(0, 0, 30);
  background: linear-gradient(
    0deg,
    rgba(0, 0, 30, 0.2) 20%,
    rgba(0, 153, 255, 0.25) 100%
  ) !important;
}
#get-started-section .mpc-overlay--first {
  background: rgb(0, 0, 30);
  background: linear-gradient(
    0deg,
    rgba(0, 0, 30, 0.2) 20%,
    rgb(255 5 207 / 25%) 100%
  ) !important;
}
.cta-blue-background-box {
  color: #fff;
  background: #510e4a !important;
  background: linear-gradient(
    0deg,
    rgb(127 45 104 / 50%) 20%,
    rgb(122 14 122 / 85%) 100%
  ) !important;
  border-radius: 10px;
  padding: 2rem;
}
[id^="section-"] .wpb_content_element ul.blog-feed {
  list-style: none;
  padding: 0.5em 2rem 0 0;
}
.header-center {
  text-align: center !important;
  padding-bottom: 30px;
}
.text-md-left:has(.section-btn),
.text-md-left:has(.hero-btn-prod) {
  margin-left: 0 !important;
}
.display-revert {
  /* display: revert !important;
   */
  display: initial;
  top: -170px;
  left: -60px;
}
.display-revert.no-left {
  left: 0px;
}
.display-revert.video-column img {
  max-width: 165%;
}
#section-capabilities .vc_row:not(.vc_inner),
#section-capabilities-noback .vc_row:not(.vc_inner) {
  background-image: initial !important;
  background-color: initial !important;
}

#section-capabilities {
  border-radius: 10px;
  background: rgb(0, 0, 30);
  /* background: linear-gradient(
    0deg,
    rgba(0, 0, 30, 0.2) 20%,
    rgba(0, 153, 255, 0.25) 100%
  ) !important; */
  background: linear-gradient(
    0deg,
    rgba(0, 0, 30, 0.3) 81%,
    rgb(8 42 99) 100%
  ) !important;
  z-index: 5;
  position: relative;
}
#section-capabilities-noback {
  border-radius: 10px;
  background: rgb(0, 0, 30);

  z-index: 5;
  position: relative;
}

#section-capabilities.integrations {
  border-radius: 10px;
  background: rgb(0, 0, 30);
  /* background: linear-gradient(
    0deg,
    rgba(0, 0, 30, 0.2) 20%,
    rgba(0, 153, 255, 0.25) 100%
  ) !important; */
  background: linear-gradient(
    0deg,
    rgba(0, 0, 30, 0.3) 87%,
    rgb(8 42 99) 100%
  ) !important;
  z-index: 5;
  position: relative;
}
#section-capabilities.purple {
  border-radius: 10px;
  background: rgb(50, 3, 95);
  /* background: linear-gradient(
    0deg,
    rgba(0, 0, 30, 0.2) 20%,
    rgba(0, 153, 255, 0.25) 100%
  ) !important; */
  background: linear-gradient(
    180deg,
    rgba(50, 3, 95, 1) 8%,
    rgba(45, 2, 106, 0.676908263305322) 12%,
    rgba(28, 0, 172, 0.36318277310924374) 17%,
    rgba(1, 0, 31, 0.052258403361344574) 23%
  ) !important;
  z-index: 5;
  position: relative;
}
.header-product .wpb_text_column {
  margin-bottom: 0px !important;
}

.capabilities-icon img {
  max-width: 100%;
  width: 60px !important;
  padding-bottom: 15px;
}
.challenges-icon img {
  max-width: 100%;
  width: 40px !important;
  padding-bottom: 0;
  padding-top: 35px;
}
.challenges-icon.change-to-blue img {
  filter: hue-rotate(228deg) saturate(200%);
}
.capabilities-row {
  display: flex;
  justify-content: space-between; /* Evenly space out the boxes */
  gap: 20px; /* Add space between the boxes */
  flex-wrap: wrap;
}
.capabilities-row.purplegradient {
  position: relative;
  overflow: visible;
  background-image: radial-gradient(
    ellipse at center,
    rgba(170, 0, 255, 1) 0%,
    rgba(170, 0, 255, 0.8) 20%,
    rgba(1, 0, 31, 0.05) 60%,
    rgba(1, 0, 31, 0) 80%
  );
  background-position: center;
  background-repeat: no-repeat;
  background-size: 90% 130%; /* Increased size to extend beyond boundaries */
}

/* .capabilities-row.purplegradient::before {
  content: "";
  position: absolute;
  top: -50%;
  left: -50%;
  right: -50%;
  bottom: -50%;
  background: inherit;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 150% 150%;
  filter: blur(30px);
  z-index: -1; 
}*/
.capabilities-box {
  background: var(--navy);
  padding: 30px;
  border-radius: 12px;
  border: 2px solid var(--pink);
  flex: 1;
  max-width: calc(
    33.33% - 20px
  ); /* Make sure each box takes up 1/3 of the row on larger screens */
  margin: 10px; /* Add margin to create space between boxes */
}

.capabilities-box.purple {
  border: 2px solid var(--purple);
}
.capabilities-row.blue-gradient {
  position: relative;
  overflow: visible;
  background-image: radial-gradient(
    ellipse at center,
    rgb(6 117 201) 0%,
    rgb(0 108 190 / 80%) 20%,
    rgb(0 108 180 / 15%) 60%,
    rgba(1, 0, 31, 0) 80%
  );
  background-position: center;
  background-repeat: no-repeat;
  background-size: 90% 130%; /* Increased size to extend beyond boundaries */
}

.capabilities-box.blue-gradient {
  border: 2px solid var(--bright-blue) !important;
  /* background: linear-gradient(
    180deg, 
    rgba(1, 72, 126, 1) 25%,
    rgba(0, 4, 23, 1) 76%
  ); */
}
#section-capabilities > .vc_row > .vc_column_container {
  padding-left: 50px !important;
  padding-right: 50px !important;
}
#section-capabilities-noback > .vc_row > .vc_column_container {
  padding-left: 50px !important;
  padding-right: 50px !important;
}

.prod-list-blue ul,
.prod-list-purple ul,
.prod-list-pink ul {
  list-style-type: none !important; /* Remove default bullet or disc */
  padding-left: 0; /* Remove left padding */
  padding-bottom: 20px !important;
}
.prod-list-blue ul li,
.prod-list-purple ul li,
.prod-list-pink ul li {
  padding-left: 5px !important;
  padding-bottom: 12px;
}

.prod-list-blue ul li::before {
  content: url("/wp-content/uploads/2024/10/prod-list-blue.svg");
  margin-right: 10px; /* Space between the symbol and the text */
  width: 10px;
}
.prod-list-pink ul li::before {
  content: url("/wp-content/uploads/2024/10/prod-list-pink.svg");
  margin-right: 10px; /* Space between the symbol and the text */
  width: 10px;
}
.prod-list-purple ul li::before {
  content: url("/wp-content/uploads/2024/10/prod-list-purple.svg");
  margin-right: 10px; /* Space between the symbol and the text */
  width: 10px;
}
.text-bright-blue {
  color: var(--bright-blue) !important;
}

.text-overflow-column {
  position: relative;
  width: 50%; /* Keep the column width 50% */
  z-index: 1; /* Ensure the text stays below the image if it overlaps */
}
.text-overflow-colum-full {
  position: relative;
  width: 100% !important; /* Keep the column width 50% */
  z-index: 1; /* Ensure the text stays below the image if it overlaps */
}
.text-overflow-column .wpb_wrapper {
  position: relative;
  margin-right: -30px; /* Extend the text beyond its 50% boundary */
}
.text-overflow-column-full .wpb_wrapper {
  position: relative;
  margin-right: 0px; /* Extend the text beyond its 50% boundary */
}
.text-overflow-column.no-neg-margin .wpb_wrapper {
  position: relative;
  margin-right: 0px;
}
.video-column {
  width: 50%; /* Keep the video column width at 50% */
  position: relative;
  z-index: 2; /* Ensure the video stays on top and clickable */
}

.video-column img {
  position: relative;
  z-index: 2; /* Keep the image clickable */
}

.hero-overflow {
  display: flex; /* Keep the columns side by side */
}
.architecture-hero {
  /* background-image: url("/wp-content/uploads/2024/10/Architecture-Header-Lines.svg") !important; */
  background-color: var(--navy);
  background-image: url("/wp-content/uploads/2024/10/Architecture-Header-Lines.svg") !important;
  background-repeat: no-repeat !important;
  background-size: 100% !important;
  background-position: center center;
  position: relative !important;
}
.img-size-1500 img {
  width: 1500px !important;
  max-width: 100% !important;
}
.link-pink a,
.text-pink,
.text-pink li {
  color: var(--pink) !important;
}

.link-purple a,
.text-purple,
.text-purple li {
  color: var(--purple) !important;
}
.prod-icon-benefits img {
  width: 120px !important;
  max-width: 100%;
}
.short-row {
  max-width: 100%;
  width: 1300px;
}
.patents-sidebar {
  border-radius: 12px;
  background: linear-gradient(
    0deg,
    rgba(0, 0, 30, 0.3) 31%,
    rgb(8 42 99) 100%
  ) !important;
  padding: 30px !important;
}
@media (max-width: 768px) {
  .capabilities-box {
    flex: none; /* Remove flex-shrink/grow behavior */
    width: 100%; /* Ensure boxes are 100% width */
    max-width: 100%; /* Ensure all boxes are the same width */
    margin: 10px 0; /* Add vertical spacing between boxes */
  }
  #section-capabilities .vc_column_container,
  #section-capabilities-noback .vc_column_container {
    padding-left: 15px !important;
    padding-right: 15px !important;
  }
  .text-overflow-column,
  .video-column {
    width: 100% !important;
    margin-right: 0;
  }
  .text-overflow-column .wpb_wrapper {
    position: relative;
    margin-right: 0px; /* Extend the text beyond its 50% boundary */
  }
  .btn-prod {
    padding: 10px 8px;
  }
}
#section-hero-architecture {
  min-height: 500px;
  background-color: var(--navy);
  background-image: url("/wp-content/uploads/2024/10/Architecture-Header-Lines.svg") !important;
  background-repeat: no-repeat !important;
  background-size: 110% !important;
  background-position: right -200px;
  position: relative !important;
  margin-top: 60px;
}
#section-hero-architecture .section-btn {
  margin-bottom: 50px !important;
}
#row-shorten .wpb_text_column .wpb_wrapper,
#section-hero-architecture .wpb_text_column .wpb_wrapper,
#row-deployment .wpb_text_column .wpb_wrapper,
#row-headline .wpb_text_column .wpb_wrapper {
  text-align: center;
}

#section-hero-architecture .wpb_text_column .wpb_wrapper h1 {
  display: inline-block;
  width: 80%;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}
#row-deployment .wpb_text_column .wpb_wrapper h2,
#row-headline .wpb_text_column .wpb_wrapper h2 {
  display: inline-block;
  width: 68%;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}
#row-deployment .wpb_text_column .wpb_wrapper p {
  display: inline-block;
  width: 95%;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}
#row-shorten.ten-percent .wpb_text_column .wpb_wrapper p {
  display: inline-block;
  width: 90%;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}
#row-shorten.twenty-percent .wpb_text_column .wpb_wrapper p {
  display: inline-block;
  width: 80%;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}
#row-shorten.thirty-percent .wpb_text_column .wpb_wrapper p {
  display: inline-block;
  width: 70%;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}
.text-on-prem p {
  padding-bottom: 15px;
}
.large-hero-image img {
  width: 1200px;
  /* padding-top: 300px; */
  overflow: revert;
  top: 100px;
  margin-left: -100px;
}
#section-capabilities .featured-integrations-logos .vc_column_container {
  padding-left: 5px !important;
  padding-right: 5px !important;
}
.image-full img {
  width: 2000px !important;
  max-width: 100%;
}
.text-md-left:has(.btn-prod) {
  margin-left: 0;
}
.quote-purple img {
  max-width: 100% !important;
  width: 50px !important;
}
.quote-box-purple {
  border-radius: 15px;
  border: 2px solid #1c085f;
  background-color: #01001f;
  padding: 30px;
}
#section-quote {
  margin-top: 100px;
  margin-bottom: 100px;
}
.row-btn {
  display: flex;
  align-items: center;
  padding-top: 30px;
}

.text-md-left,
.doc-links {
  display: flex;
  align-items: center;
}
.doc-links .btn-link {
  margin-top: 0 !important;
  margin-bottom: 18px;
  font-size: 18px;
}
#section-learn-more.purple .btn-outline-pink.btn-lg.section-btn {
  font-family: "Bebas Neue", sans-serif !important;
  background-color: transparent; /* Transparent background */
  border: 2px solid var(--purple) !important; /* 2px border in var(--pink) */
  color: var(--purple) !important; /* Text color in var(--pink) */
  border-radius: 2px; /* Slightly rounded corners */
  cursor: default; /* No clickable cursor */
  pointer-events: none; /* Completely disable any clicking */
  padding: 10px 20px; /* Add padding for top/bottom and left/right */
  display: inline-block; /* Ensure the button stays inline */
  text-align: center; /* Center the text horizontally */
  max-width: 600px;
  min-width: 180px; /* Button width */
  font-size: 24px;
  line-height: 1.2; /* Adjust line height for vertical centering */
  box-sizing: border-box; /* Include padding in width/height calculation */
}
#section-learn-more.purple .card-body h6.text-tango,
#section-learn-more.purple .card-body .read-more,
#section-learn-more.purple .learn-more-additional ul.blog-feed a:hover {
  color: var(--purple) !important;
}
#cta.purple #cta-section h2 {
  font-family: "Bebas Neue", sans-serif !important;
  font-size: 120px !important;
  line-height: 120px;
  font-weight: 500 !important;
  color: #fff;
}
#cta.purple #cta-section {
  border-radius: 12px;
  background: linear-gradient(
    180deg,
    rgba(49, 6, 101, 1) 18%,
    rgba(70, 9, 131, 1) 67%
  ) !important;
  padding: 30px !important;
  margin-left: 0;
  margin-right: 0;
}
.pink-form-back {
  border: 2px solid var(--pink);
  border-radius: 20px;
  background: linear-gradient(
    0deg,
    rgba(0, 0, 30, 1) 0%,
    rgba(255, 0, 149, 0.2539609593837535) 100%
  ) !important;
  transition: background 1.8s ease;
  position: relative;
}

/* AGS Form Styling */
.purple-form-back {
  border: 2px solid var(--purple);
  border-radius: 20px;
  background: linear-gradient(
    0deg,
    rgba(0, 0, 30, 1) 0%,
    rgba(173, 10, 253, 0.4976584383753502) 100%
  ) !important;
  transition: background 1.8s ease;
  position: relative;
}
.purple-form-back .form-control {
  display: block;
  width: 100%;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.5;
  color: #ffffff;
  background-color: transparent;
  background-clip: padding-box;
  border: 1px solid #7401ad;
  border-radius: 8px;
  -webkit-transition: border-color 0.15s ease-in-out,
    -webkit-box-shadow 0.15s ease-in-out;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out,
    -webkit-box-shadow 0.15s ease-in-out;
}

.purple-form-back .form-group {
  position: relative;
  margin-bottom: 1.5rem;
}
.purple-form-back .form-group .invalid-feedback {
  position: absolute;
  bottom: -20px; /* Adjust based on your needs */
  left: 0;
  z-index: 1;
}
div#org_name_feedback.invalid-feedback {
  position: absolute;
  bottom: -25px; /* Adjust based on your needs */
  left: 0;
  z-index: 1;
}

.purple-form-back .form-control {
  height: auto;
  padding: 0.75rem 1.75rem;
}

.purple-form-back .form-group label {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  padding: 0.75rem 1.75rem;
  pointer-events: none;
  border: 1px solid transparent;
  transform-origin: 0 0;
  transition: opacity 0.15s ease-in-out, transform 0.15s ease-in-out;
  -webkit-transform-origin: 0 0;
  -webkit-transition: opacity 0.15s ease-in-out,
    -webkit-transform 0.15s ease-in-out;
  color: #ffffff; /* Make sure text color is visible */
  z-index: 1; /* Ensure label appears above input */
  background: transparent;
}
/* .purple-form-back .form-group:last-child {
  margin-top: 15px;
  padding: 20px 0;
} */

.form-group.btn-margin-top {
  padding-top: 30px !important;
}

.purple-form-back .invalid-feedback {
  display: none;
  width: 100%;
  margin-top: 0.25rem;
  font-size: 70%;
  color: var(--pink);
}
.purple-form-back .form-control::-webkit-input-placeholder {
  color: transparent;
}

.purple-form-back .form-control::-moz-placeholder {
  color: transparent;
}

.purple-form-back .form-control:-ms-input-placeholder {
  color: transparent;
}

.purple-form-back .form-control::-ms-input-placeholder {
  color: transparent;
}

.purple-form-back .form-control::placeholder {
  color: transparent;
}

.purple-form-back .form-control:not(:placeholder-shown) {
  padding-top: 10px;
  padding-bottom: 10px;
}

.purple-form-back .form-control:not(:placeholder-shown) ~ label,
.purple-form-back .form-control:-webkit-autofill ~ label,
.purple-form-back .form-control:autofill ~ label {
  /* opacity: 0.65;
  transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem); */
  opacity: 1;
}
/* Ensure label transforms or hides when the field is filled (autofill or manual input) */
.purple-form-back
  .form-control:not(:placeholder-shown):not(:-webkit-autofill)
  ~ label,
.purple-form-back .form-control:-webkit-autofill ~ label {
  opacity: 0.65;
  transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem);
}

/* Styling for focus state, as before */
.purple-form-back .form-control:focus {
  box-shadow: none;
  border-color: var(--purple);
}

/* Hide label when focused (only if you want it hidden on focus) */
.purple-form-back .form-control:focus ~ label {
  opacity: 0;
}

.purple-form-back .form-control:focus {
  box-shadow: none;
  border-color: var(--purple);
}

.purple-form-back .form-control:focus ~ label {
  /* opacity: 0.65;
  transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem); */
  opacity: 0;
}
@media not all and (min-resolution: 0.001dpcm) {
  @supports (-webkit-appearance: none) {
    .purple-form-back
      .form-control:not(:placeholder-shown):not(:-webkit-autofill)
      ~ label {
      opacity: 1;
    }
  }
}
.purple-form-back .form-control.is-valid {
  border-color: #c050f9;
}
.customer-quote-box {
  padding: 40px !important;
  border-radius: 15px;
}
.customer-quote-box.blue-border {
  border: 2px solid var(--bright-blue);
  margin-right: 30px;
  margin-left: -30px;
}
.tab-customer-headshot-title .wpb_wrapper {
  display: flex;
  align-items: flex-start; /* Align image and text to the top */
}
.tab-customer-headshot-title {
  margin-top: 30px;
}

.tab-customer-headshot-title img {
  width: 75px; /* Adjust the image size */
  height: auto; /* Maintain aspect ratio */
  margin-right: 20px !important; /* Add more space to the right of the image with !important to override other styles */
}

.tab-customer-headshot-title p {
  margin: 0; /* Remove default margin from text */
  flex-grow: 0; /* Prevent the text from expanding */
  display: inline-block; /* Keep text compact */
  font-size: 18px;
}
.tab-customer-headshot-title p em {
  font-size: 16px;
}
.tab-customer-headshot-title p:first-child {
  margin-right: 15px;
}

.bullet-row {
  position: relative;
}

.bullet-dot {
  position: absolute;
  left: -60px;
  z-index: 2;
  width: 46.79px;
  height: 46.79px;
  transition: all 0.3s ease;
}

/* Update the glow effect */
.bullet-dot.glow {
  filter: drop-shadow(0 0 8px rgba(181, 6, 252, 0.8));
}

/* Target the SVG circles directly when glowing */
.bullet-dot.glow svg circle {
  fill: #b506fc !important;
  /* opacity: 1 !important; */
}

/* Create a pseudo-element for additional glow effect */
.bullet-dot.glow::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 46.79px;
  height: 46.79px;
  background: radial-gradient(
    circle,
    rgba(181, 6, 252, 0.4) 0%,
    rgba(181, 6, 252, 0.2) 40%,
    rgba(181, 6, 252, 0) 70%
  );
  border-radius: 50%;
  pointer-events: none;
}

.dot-connector {
  position: absolute;
  left: -38px;
  width: 4px;
  height: 0;
  background: linear-gradient(
    180deg,
    rgba(26, 31, 69, 0.76234243697479) 13%,
    rgba(181, 6, 252, 1) 50%,
    rgba(26, 31, 69, 0.5046393557422969) 83%
  );
  transform-origin: top;
  transition: height 0.3s ease;
}

/* Pricing Page stuff */
#pricing-grid,
#pricing-grid-automation,
#pricing-grid-orchestration,
#pricing-grid-onprem {
  display: flex;
  justify-content: center;
  column-gap: 10px;
}
.pricing-tooltip {
  position: relative;
  display: inline-block;
  margin-left: 8px;
}

.pricing-tooltip .info-icon {
  cursor: pointer;
  color: #00a6ff; /* Your blue color */
  font-size: 16px;
}

.pricing-tooltip .tooltip-content {
  visibility: hidden;
  position: absolute;
  background: #1e2544; /* Dark blue background */
  color: white;
  padding: 15px;
  border-radius: 8px;
  width: 250px;
  z-index: 100;
  left: 30px;
  top: -50%;
  transform: translateY(-50%);
  opacity: 0;
  transition: opacity 0.3s;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
}

.pricing-tooltip:hover .tooltip-content {
  visibility: visible;
  opacity: 1;
}

/* Optional arrow for the tooltip */
.tooltip-content::after {
  content: "";
  position: absolute;
  left: -10px;
  top: 50%;
  transform: translateY(-50%);
  border-width: 5px;
  border-style: solid;
  border-color: transparent #1e2544 transparent transparent;
}
.pricing-column {
  background: rgba(255, 255, 255, 0.02);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 12px;
  width: 28%;
  /* padding: 20px;
  height: 100%;
  margin: 15px; */
}
.pricing-column.first {
  border: none !important;
}

.pricing-column .vc_column_container {
  height: 70px !important;
}
.pricing-column .pricing-header-row .vc_column_container {
  height: 90px !important;
}

.feature-with-tooltip {
  font-size: 20px !important;
  font-weight: 600 !important;
  margin-top: 0;
  display: flex;
  align-items: center;
}
/* Create a container for the line and header */

/* Make the pricing columns container relative for line positioning */
#section-plans .vc_row:has(.pricing-column) {
  position: relative;
  width: 100%;
}
#section-plans .fas.fa-check {
  font-size: 32px;
}
.pricing-column p,
.pricing-column h3 {
  text-align: center;
}
.pricing-column p {
  text-align: center;
  margin-top: 12px;
}
@media (max-width: 767px) {
  #section-plans .vc_row {
    display: flex;
    flex-wrap: nowrap;
    /* overflow-x: auto; */
    overflow-x: auto;
    position: relative;
    -webkit-overflow-scrolling: touch;
  }
  #section-plans .vc_row .pricing-column:first-child .vc_row {
    display: flex;
    flex-wrap: nowrap;
    overflow: visible;
    position: relative;
    -webkit-overflow-scrolling: touch;
  }
  #section-plans .pricing-column {
    flex: 0 0 200px;
    min-width: 200px;
    border: 0px;
  }

  #section-plans .pricing-column:not(:first-child) {
    flex: 0 0 180px;
    min-width: 180px;
    border: 0px;
  }
  /* Make first column sticky */
  #section-plans .pricing-column:first-child,
  #section-plans .pricing-column.first {
    position: sticky;
    left: 0;
    z-index: 1;
    background: #000321;
  }

  /* Add scroll indicator */
  #section-plans:after {
    /* content: "";
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    width: 30px;
    background: linear-gradient(to right, transparent, rgba(0, 0, 0, 0.3));
    pointer-events: none; */
  }
  #section-plans {
    z-index: 5;
    margin-top: 0 !important;
  }
  #cta.purple #cta-section h2 {
    font-family: "Bebas Neue", sans-serif !important;
    font-size: 95px !important;
  }
  h5.header-plan:before {
    content: "";
    position: absolute;
    top: -15px;
    left: -20px;
    width: calc(var(--section-width) * (1));
    height: 3px;
    background: var(--purple);
  }
}
.tooltip-content {
  overflow: visible; /* Allow content to flow outside */
}

/* You might also want to add these to ensure parent containers don't clip the tooltip */
#section-plans {
  overflow: visible;
}

.pricing-column {
  overflow: visible;
}

/* And potentially adjust the tooltip position for mobile */
@media (max-width: 767px) {
  .tooltip-content {
    left: auto; /* Reset left positioning */
    right: 30px; /* Position from right instead */
    /* Or adjust positioning as needed */
    width: 200px; /* Maybe make tooltip narrower on mobile */
  }
}
.related-industry-posts .text-navy,
.link-navy a,
.text-navy,
.text-navy li {
  color: #fff !important;
}

.highlight {
  position: relative;
}

.highlight::before {
  content: "";
  position: absolute;

  height: 40%;
  z-index: -1;
  border-radius: 2px;
}
.highlight.hero::before {
  bottom: 20px;
  left: 16px;
  right: -10px;
}
.highlight.purple::before {
  background-color: #440476;
}

.btn-notop-margin,
.doc-links.inline-button.btn-notop-margin .btn-link {
  margin-top: 0 !important;
}

/* Pricing Page styles */
#section-tabs-pricing {
  z-index: 4;
  position: relative;
  overflow: visible;
}

/* Container styling */
#section-tabs-pricing {
  position: relative;
}

/* Add the full-width line */
#section-tabs-pricing::after {
  content: "";
  position: relative;
  bottom: 0;
  left: 0;
  width: 100vw; /* Full viewport width */
  height: 1px;
  background-color: #e5e7eb;
  z-index: 1;
}

/* Center the tabs navigation */
#section-tabs-pricing .mpc-tabs__nav {
  display: flex;
  justify-content: center;
  width: 100%;
  position: relative;
  margin-bottom: -1px; /* Remove gap between tabs and line */
}

#section-tabs-pricing .mpc-tabs__nav ul {
  display: flex;
  gap: 24px;
  margin: 0;
  padding: 0;
  list-style: none;
  border: 0;
  justify-content: center;
  width: auto;
}

/* Style individual tab items */
#section-tabs-pricing .mpc-tabs__nav-item {
  position: relative;
  min-width: 450px;
  margin: 0;
  bottom: -5px;
}

/* Style the button containers */
#section-tabs-pricing .mpc-button {
  width: 100%;
  padding: 16px 32px;
  background: transparent;
  border: none; /* Remove default border */
  border-radius: 8px 8px 0 0;
  transition: all 0.3s ease;
  margin: 0;
}

/* Style the button text */
#section-tabs-pricing .mpc-button__title {
  font-family: "Bebas Neue", sans-serif;
  font-size: 50px;
  color: #fff;
  text-align: center;
  display: block;
  transition: color 0.3s ease;
}

/* Active tab styles */
#section-tabs-pricing .mpc-tabs__nav-item.mpc-active .mpc-button {
  background: #ffffff;
  position: relative;
  z-index: 2;
}

#section-tabs-pricing .mpc-tabs__nav-item.mpc-active .mpc-button::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border: 1px solid #e5e7eb;
  border-bottom: none;
  border-radius: 8px 8px 0 0;
  z-index: -1;
}

#section-tabs-pricing .mpc-tabs__nav-item.mpc-active .mpc-button__title {
  color: #fff;
}

/* Remove side borders from active tab */
#section-tabs-pricing .mpc-tabs__nav-item.mpc-active::before,
#section-tabs-pricing .mpc-tabs__nav-item.mpc-active::after {
  display: none;
}

/* Hover states */
#section-tabs-pricing .mpc-tabs__nav-item:hover .mpc-button__title {
  color: #111827;
}

/* Remove default button background effects */
#section-tabs-pricing .mpc-button__background {
  display: none;
}

/* Content area spacing */
#section-tabs-pricing .mpc-tabs__content {
  margin-top: 60px;
}

#section-features .vc_tta-panel-heading {
  border: 0 !important;
  padding-top: 30px;
}
#section-features .vc_tta-panel-body {
  border: 0 !important;
}
#AutomationFeatures .vc_tta-panel-heading {
  background: linear-gradient(
    0deg,
    rgba(0, 0, 30, 1) 50%,
    rgba(173, 10, 253, 0.4976584383753502) 100%
  ) !important;
  transition: background 1.8s ease;
  position: relative;
  border-radius: 20px 20px 0 0;
}
#OrchestrationFeatures .vc_tta-panel-heading {
  background: linear-gradient(
    0deg,
    rgba(0, 0, 30, 1) 50%,
    rgba(0, 153, 255, 0.6993391106442577) 100%
  ) !important;
  transition: background 1.8s ease;
  border-radius: 20px 20px 0 0;
}
.mpc-tabs__nav-item[data-tab_id="tab-cloud"] .mpc-button__title::before {
  content: "";
  background: url("/wp-content/uploads/2024/12/Cloud-Native.svg") no-repeat
    center;
  width: 60px;
  height: 60px;
  display: inline-block;
  vertical-align: middle;
  margin-right: 8px;
}
#section-tabs-pricing
  .mpc-tabs__nav-item[data-tab_id="tab-cloud"].mpc-active
  .mpc-button {
  background: linear-gradient(
    0deg,
    rgba(0, 0, 30, 1) 20%,
    rgba(0, 153, 255, 0.6993391106442577) 100%
  ) !important;
  transition: background 1.8s ease;
  position: relative;
  z-index: 2;
}
.mpc-tabs__nav-item[data-tab_id="tab-onprem"] .mpc-button__title::before {
  content: "";
  background: url("/wp-content/uploads/2024/12/Itential-Icons_Physical.svg")
    no-repeat center;
  width: 60px;
  height: 60px;
  display: inline-block;
  vertical-align: middle;
  margin-right: 8px;
}
#section-tabs-pricing
  .mpc-tabs__nav-item[data-tab_id="tab-onprem"].mpc-active
  .mpc-button {
  background: linear-gradient(
    0deg,
    rgba(0, 0, 30, 1) 0%,
    rgba(255, 0, 149, 0.4976584383753502) 100%
  ) !important;
  transition: background 1.8s ease;
  position: relative;
  z-index: 2;
}
#section-tabs-pricing
  .mpc-tabs__nav-item[data-tab_id="tab-cloud"]:hover
  .mpc-button__title {
  color: var(--bright-blue);
}
#section-tabs-pricing
  .mpc-tabs__nav-item[data-tab_id="tab-onprem"]:hover
  .mpc-button__title {
  color: var(--pink);
}
#section-tabs-pricing .mpc-tabs__nav {
  display: flex;
  justify-content: center;
  position: relative;
  left: 50% !important;
  right: 50% !important;
  margin-left: -50vw !important;
  margin-right: -50vw !important;
  padding-left: 50vw !important;
  padding-right: 50vw !important;
  border-bottom: 1px solid;
  text-align: center;
}
#section-tabs-pricing .mpc-tabs__nav {
  border-bottom: none; /* Remove default border */
  position: relative;
}

#section-tabs-pricing .mpc-tabs__nav::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: -50vw;
  width: 200vw;
  height: 1px;
  transition: background-color 0.3s ease;
}

/* Change border color based on which tab is active */
#section-tabs-pricing
  .mpc-tabs__nav:has([data-tab_id="tab-cloud"].mpc-active)::after {
  background-color: var(--bright-blue);
}

#section-tabs-pricing
  .mpc-tabs__nav:has([data-tab_id="tab-onprem"].mpc-active)::after {
  background-color: var(--pink);
}
#section-tabs-pricing
  .mpc-tabs__nav-item[data-tab_id="tab-cloud"].mpc-active
  .mpc-button::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border: 1px solid var(--bright-blue);
  border-bottom: none;
  border-radius: 8px 8px 0 0;
  z-index: -1;
}

#section-tabs-pricing
  .mpc-tabs__nav-item[data-tab_id="tab-onprem"].mpc-active
  .mpc-button::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border: 1px solid var(--pink);
  border-bottom: none;
  border-radius: 8px 8px 0 0;
  z-index: -1;
}
#section-tabs-pricing .main-gradient-purple .vc_column-inner {
  border: 1px solid var(--purple);
}
#section-tabs-pricing .main-gradient-blue .vc_column-inner {
  border: 1px solid var(--bright-blue);
}
#section-tabs-pricing .main-gradient-pink .vc_column-inner {
  border: 1px solid var(--pink);
}
#section-features .vc_tta-panel {
  /* border-top: 1px solid #425a7c; */
  border-top: 0px solid #9f9f9f;
  border-bottom: 0px solid #9f9f9f !important;
}
#section-features .vc_tta-panel.vc_active .vc_tta-panel-title > a {
  color: #fff !important;
}

.mpc-tabs__content .wpb_content_element:first-child,
.mpc-tabs__content .wpb_row:first-child,
.mpc-tabs__content p:first-child {
  margin-top: initial !important;
}
h5.header-plan,
p.header-plan {
  position: relative;
  padding-top: 15px !important;
  margin-top: 40px !important;
}

p.header-plan:first-child {
  margin-top: 50px !important;
}
#section-features .vc_tta.vc_general .vc_tta-panel-title {
  margin: 0;
  line-height: 1;
  padding-bottom: 20px;
}
#section-tabs-pricing .section-btn {
  margin-bottom: -50px !important;
  background-color: var(--navy);
}
#section-tabs-pricing .cta-row {
  margin-top: -50px !important;
  /* background-color: var(--navy); */
}
#section-tabs-pricing .btn-prod {
  background-color: var(--navy);
  margin-top: 15px;
}
h3.price {
  font-size: 35px !important;
}
#section-tabs-pricing [class^="main-gradient-"] .vc_column-inner {
  border-radius: 10px;
  background: rgb(0, 0, 30);
  padding: 40px 30px;
  transition: background 1.8s ease;
}
.cta-row-onprem {
  margin-top: -50px;
}
#tab-onprem i.fas.fa-check,
#tab-onprem .pricing-tooltip .info-icon {
  color: var(--pink) !important;
}
#tab-cloud [class^="main-gradient-"] {
  padding: 12px;
  transition: background 1.8s ease;
}
.vc_tta-panel.purple .vc_tta-panel-title > a:hover {
  color: var(--purple) !important;
}
.vc_tta-panel.blue .vc_tta-panel-title > a:hover {
  color: var(--bright-blue) !important;
}
.vc_tta-panel.blue i.fas.fa-check,
.vc_tta-panel.blue .pricing-tooltip .info-icon {
  color: var(--bright-blue) !important;
}
#section-features .vc_tta-panel-body {
  padding-top: 0 !important;
}

.pricing-column .vc_column_container {
  height: 55px !important;
}
/* Option 1: Using pseudo-element */

#section-tabs-pricing
  .mpc-tabs__nav-item[data-tab_id="tab-cloud"]
  .mpc-button__title::after {
  content: "Flexible SaaS Platform, Fully Managed";
  display: block;
  font-size: 16px;
  margin-top: 5px;
  font-weight: 600;
  text-transform: none !important;
  font-family: "Open Sans";
}
#section-tabs-pricing
  .mpc-tabs__nav-item[data-tab_id="tab-onprem"]
  .mpc-button__title::after {
  content: "On-Prem Deployment, Self-Managed";
  display: block;
  font-size: 16px;
  margin-top: 5px;
  font-weight: 600;
  text-transform: none !important;
  font-family: "Open Sans";
}
/* Option 2: Using sibling span */
.mpc-button__content {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.mpc-button__subtitle {
  font-size: 0.8em;
  margin-top: 5px;
}
#section-tabs-pricing #tab-onprem .pricing-column.head-grid-gradient {
  background: linear-gradient(
    0deg,
    rgba(0, 0, 30, 1) 92%,
    rgba(255, 0, 149, 0.4976584383753502) 98%,
    rgba(0, 0, 30, 1) 100%
  ) !important;
  border-radius: 25px 25px 0 0;
}
#section-tabs-pricing #tab-cloud .pricing-column.head-grid-gradient.purple {
  background: linear-gradient(
    0deg,
    rgba(0, 0, 30, 1) 92%,
    rgba(173, 10, 253, 0.4976584383753502) 98%,
    rgba(0, 0, 30, 1) 100%
  ) !important;
  border-radius: 25px 25px 0 0;
}
#section-tabs-pricing #tab-cloud .pricing-column.head-grid-gradient.blue {
  background: linear-gradient(
    0deg,
    rgba(0, 0, 30, 1) 92%,
    rgba(0, 153, 255, 0.6993391106442577) 98%,
    rgba(0, 0, 30, 1) 100%
  ) !important;
  border-radius: 25px 25px 0 0;
}

.pricing-column.first {
  position: relative;
  z-index: 3;
}

#pricing-grid-automation
  .pricing-column:first-child
  .feature-with-tooltip::after {
  content: "";
  position: absolute;
  bottom: -1px;
  left: 0;
  width: calc(var(--grid-width) * 0.82);
  height: 1px;
  background: #425a7c;
  z-index: 4;
  padding-bottom: 0;
  margin-bottom: 0px;
}

#pricing-grid-orchestration
  .pricing-column:first-child
  .feature-with-tooltip::after {
  content: "";
  position: absolute;
  bottom: -1px;
  left: 0;
  width: calc(var(--grid-width) * 0.82);
  height: 1px;
  background: #425a7c;
  z-index: 4;
  padding-bottom: 0;
  margin-bottom: 0px;
}
#pricing-grid-onprem .pricing-column:first-child .feature-with-tooltip::after {
  content: "";
  position: absolute;
  bottom: -1px;
  left: 0;
  width: calc(var(--grid-width) * 0.85);
  height: 1px;
  background: #425a7c;
  z-index: 4;
  padding-bottom: 0;
  margin-bottom: 0px;
}
#pricing-grid-automation
  .pricing-column:first-child
  .feature-with-tooltip
  h5.header-plan::before {
  content: "";
  position: absolute;
  bottom: -1px;
  left: 0;
  width: calc(var(--grid-width) * 0.82);
  height: 3px;
  background: var(--purple);
  z-index: 4;
  padding-bottom: 0;
  margin-bottom: 0px;
}
/* #pricing-grid-automation
  .pricing-column:first-child
  .feature-with-tooltip:not(:has(h5.header-plan))::after {
  content: "";
  position: absolute;
  bottom: -1px;
  left: 0;
  width: calc(var(--grid-width) * 0.82);
  height: 1px;
  background: #425a7c;
  z-index: 4;
} */

#pricing-grid-orchestration
  .pricing-column:first-child
  .feature-with-tooltip
  h5.header-plan::before {
  content: "";
  position: absolute;
  bottom: -1px;
  left: 0;
  width: calc(var(--grid-width) * 0.82);
  height: 3px;
  background: var(--bright-blue);
  z-index: 4;
  padding-bottom: 0;
  margin-bottom: 0px;
}
.head-grid-title {
  /* border-bottom: 1px solid #425a7c; */
}
.pricing-column .vc_column_container {
  height: 100% !important;
  min-height: 55px !important;
}
.pricing-column .pricing-header-row .vc_column_container {
  height: initial !important;
}
.mobile-show {
  display: none;
}
.mobile-hide {
  display: block;
}

/* start pricing responsive code
*
*
*
*
*
* */
@media (max-width: 768px) {
  #section-tabs-pricing .mpc-tabs__nav-item {
    position: relative;
    width: 50%;
    margin: 0;
    bottom: -14px;
    max-width: 100% !important;
    min-width: initial;
  }
  #section-tabs-pricing .mpc-button__title {
    font-size: 20px;
  }
  #section-tabs-pricing .mpc-button {
    padding: 8px 12px;
  }
  #section-tabs-pricing
    .mpc-tabs__nav-item[data-tab_id="tab-cloud"]
    .mpc-button__title::after {
    content: "Flexible SaaS Platform,\A Fully Managed";
    display: block;
    font-size: 11px;
    margin-top: 5px;
    font-weight: 500;

    white-space: pre-wrap;
  }
  #section-tabs-pricing
    .mpc-tabs__nav-item[data-tab_id="tab-onprem"]
    .mpc-button__title::after {
    content: "On-Prem Deployment,\A Self-Managed";
    display: block;
    font-size: 11px;
    margin-top: 5px;
    font-weight: 500;
    white-space: pre-wrap;
  }

  .vc_custom_1733248461773 {
    display: flex;
    flex-direction: column;
  }

  .mobile-show {
    display: block;
  }
  .mobile-hide {
    display: none;
  }
  #section-tabs-pricing .section-btn {
    margin-top: -70px !important;
    margin-bottom: 40px !important;
    background-color: var(--navy);
  }
  #section-tabs-pricing #tab-onprem .section-btn {
    margin-top: 30px !important;
    margin-bottom: -35px !important;
    background-color: var(--navy);
  }
  #section-tabs-pricing .btn-prod {
    background-color: var(--navy);
    margin-top: 15px;
    width: 80%;
  }
  #tab-cloud [class^="main-gradient-"] {
    padding: 12px;
    transition: background 1.8s ease;
    margin-top: 40px;
  }
  #section-tabs-pricing h3 {
    font-size: 56px !important;
    font-weight: 700 !important;
  }
  #section-tabs-pricing h3.price {
    font-size: 35px !important;
    font-weight: 700 !important;
  }
  #section-tabs-pricing h3.vc_tta-panel-title {
    font-size: 32px !important;
    font-weight: 700 !important;
  }
  #section-tabs-pricing .pricing-column h3 {
    font-size: 28px !important;
    font-weight: 500 !important;
  }
  #section-tabs-pricing #tab-onprem .pricing-column.head-grid-gradient {
    background: linear-gradient(
      0deg,
      rgba(0, 0, 30, 1) 95%,
      rgba(255, 0, 149, 0.4976584383753502) 98%,
      rgba(0, 0, 30, 1) 100%
    ) !important;
    border-radius: 18px 18px 0 0;
  }
  #section-tabs-pricing #tab-cloud .pricing-column.head-grid-gradient.purple {
    background: linear-gradient(
      0deg,
      rgba(0, 0, 30, 1) 95%,
      rgba(173, 10, 253, 0.4976584383753502) 98%,
      rgba(0, 0, 30, 1) 100%
    ) !important;
    border-radius: 18px 18px 0 0;
  }
  #section-tabs-pricing #tab-cloud .pricing-column.head-grid-gradient.blue {
    background: linear-gradient(
      0deg,
      rgba(0, 0, 30, 1) 95%,
      rgba(0, 153, 255, 0.6993391106442577) 98%,
      rgba(0, 0, 30, 1) 100%
    ) !important;
    border-radius: 18px 18px 0 0;
  }
  .pricing-column {
    padding-left: 0px !important;
    padding-right: 0px !important;
  }
  #section-features .vc_tta-panel-body {
    padding-left: 0 !important;
    padding-right: 0px !important;
  }
  #section-tabs-pricing .mpc-tabs__nav::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100vw;
    height: 1px;
    transition: background-color 0.3s ease;
  }
  #section-tabs-pricing .mpc-tabs__nav ul {
    display: flex;
    gap: 2px;
    margin: 0;
    padding: 0;
    list-style: none;
    border: 0;
    justify-content: center;
    width: auto;
  }
  .mpc-tabs__nav-item[data-tab_id="tab-cloud"] .mpc-button__title::before,
  .mpc-tabs__nav-item[data-tab_id="tab-onprem"] .mpc-button__title::before {
    width: 40px;
    height: 40px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
  }
  #section-tabs-pricing .mpc-tabs__nav {
    display: flex;
    justify-content: center;
    position: relative;
    left: initial !important;
    right: initial !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    text-align: center;
  }
  h5.header-plan,
  p.header-plan {
    position: relative;
    padding-top: 15px !important;
    margin-top: 30px !important;
  }
  p.header-plan:first-child {
    margin-top: 30px !important;
    font-size: 15px !important;
  }
  h5.header-plan {
    font-size: 15px !important;
  }
  .feature-with-tooltip,
  .pricing-column p {
    font-size: 15px !important;
    line-height: 18px;
  }
  #cta-section .row-btn {
    display: block;
    align-items: center;
  }
}
