@import url("style_variables.css");
body {
  background-color: var(--navy) !important;
  color: #fff;
}
h1 {
  font-family: "Bebas Neue", sans-serif !important;
  font-size: 110px !important;
  line-height: 100px;
  font-weight: 500 !important;
}
h1.font-bebas-hp {
  font-family: "Bebas Neue", sans-serif !important;
  font-size: 130px !important;
  line-height: 120px;
  font-weight: 500 !important;
}
h2 {
  /* font-family: "Bebas Neue", sans-serif !important; */
  font-size: 70px !important;
  /* line-height: 100px; */
  font-weight: 700 !important;
}
h3 {
  /* font-family: "Bebas Neue", sans-serif !important; */
  font-size: 48px !important;
  /* line-height: 100px; */
  font-weight: 700 !important;
}
h4 {
  font-size: 32px !important;
  font-weight: 700 !important;
}
h5 {
  font-size: 24px !important;
  font-weight: 700 !important;
  line-height: 33px;
  text-transform: none !important ;
}
@media (max-width: 776px) {
  h1 {
    font-family: "Bebas Neue", sans-serif !important;
    font-size: 70px !important;
    line-height: 80px;
    font-weight: 500 !important;
  }
  h1.font-bebas-hp {
    font-family: "Bebas Neue", sans-serif !important;
    font-size: 80px !important;
    line-height: 80px;
    font-weight: 500 !important;
  }
  h2 {
    /* font-family: "Bebas Neue", sans-serif !important; */
    font-size: 50px !important;
    /* line-height: 100px; */
    font-weight: 700 !important;
  }
  h3 {
    /* font-family: "Bebas Neue", sans-serif !important; */
    font-size: 26px !important;
    /* line-height: 100px; */
    font-weight: 700 !important;
  }
  h4 {
    font-size: 24px !important;
    font-weight: 700 !important;
  }
  h5 {
    font-size: 22px !important;
    font-weight: 700 !important;
    line-height: 33px;
    text-transform: none !important ;
  }
  p {
    font-size: 18px !important;
  }
  .button-wrapper .wpb_wrapper {
    flex-wrap: wrap;
  }
  .vc_tta-panel.vc_active .vc_tta-panel-title > a {
    color: var(--pink) !important;
  }
}
footer {
  position: relative;
  z-index: 5;
}
#section-hero {
  padding-top: 0;
}
.top-bar__text p {
  white-space: nowrap; /* Prevent text from wrapping */
  overflow: hidden; /* Hide any overflow text */
  text-overflow: ellipsis; /* Display ellipsis (...) for overflowed text */
  max-width: 100%; /* Ensure it doesn't exceed its container width */
}
.doc-links.inline-button .btn-link {
  margin-top: 10px !important;
  margin-bottom: initial !important;
  font-size: 18px;
  margin-left: 20px;
}
.doc-links.inline-button:last-child {
  margin-right: inherit !important;
}
.hp-hero-btn.inline-button:last-child {
  margin-right: 40px !important;
}
.blue-section.hidden {
  display: none !important;
}
strong a,
.btn-link {
  font-weight: bold;
}
.hp-hero-btns .text-md-left {
  display: inline;
}
.hp-hero-btn {
  margin-right: 40px;
}
.css-hide {
  max-height: 1px !important;
  padding: 0 !important;
  margin: 0 !important;
}
.page-hero {
  min-height: 650px;

  background-repeat: no-repeat !important; /* This ensures the image doesn't repeat */
  background-size: auto;
  position: relative; /* Ensure the div behaves as expected */
  background: radial-gradient(
    circle at top right,
    rgb(0, 0, 95) 0%,
    /* Navy at the center */ rgba(0, 0, 128, 0) 25%
  ) !important;
}
.mpc-tabs--left .mpc-tabs__nav .mpc-tabs__nav-item {
  padding: 0 0 10px;
}

.hp-tabs .mpc-button__content {
  background: white !important;
  color: black !important;
}
.hp-tabs .mpc-active .mpc-button__content,
.hp-tabs .mpc-button:hover {
  background: #ecd0e4 !important;
  /*border:1px solid #c3248d;*/
}
#quote-sp {
  position: relative;
}

#quote-sp .animated {
  stroke-dashoffset: 0;
  transition: stroke-dashoffset 3s ease-in;
}

@keyframes dash {
  to {
    stroke-dashoffset: 0;
  }
}

.cls-1 {
  letter-spacing: -0.01em;
}

.cls-2 {
  letter-spacing: -0.01em;
}

.cls-3 {
  letter-spacing: 0em;
}

.cls-4 {
  letter-spacing: 0em;
}

.cls-5 {
  letter-spacing: 0em;
}

.cls-6 {
  letter-spacing: 0em;
}

.cls-7 {
  letter-spacing: 0em;
}

.cls-8 {
  letter-spacing: -0.01em;
}

.cls-9 {
  font-family: Montserrat-LightItalic, Montserrat;
  font-size: 19px;
}

.cls-9,
.cls-10 {
  fill: #414042;
}

.cls-11 {
  font-family: Montserrat-Medium, Montserrat;
  font-size: 13.35px;
}

.cls-11,
.cls-12 {
  fill: #1b92d1;
}

.cls-13 {
  letter-spacing: 0em;
}

.cls-14 {
  letter-spacing: 0em;
}

.cls-15 {
  fill: none;
  stroke: #1b92d1;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 2px;
  /* stroke-dasharray: 1700;
stroke-dashoffset: 1900;
animation: dash 7s linear forwards 1; */
}

@keyframes dash {
  to {
    stroke-dashoffset: 0;
  }
}

.cls-16 {
  letter-spacing: -0.02em;
}

.cls-17 {
  letter-spacing: -0.02em;
}

.cls-18 {
  letter-spacing: -0.05em;
}

.cls-12 {
  font-family: Montserrat-SemiBoldItalic, Montserrat;
  font-size: 186.49px;
}

.cls-19 {
  letter-spacing: -0.01em;
}

.cls-20 {
  letter-spacing: -0.02em;
}

.cls-21 {
  letter-spacing: 0em;
}

.cls-22 {
  letter-spacing: 0em;
}

.cls-23 {
  letter-spacing: -0.01em;
}

.cls-24 {
  letter-spacing: -0.03em;
}

.cls-25 {
  letter-spacing: 0.02em;
}

.cls-26 {
  letter-spacing: 0.01em;
}

.cls-27 {
  letter-spacing: 0em;
}

.cls-28 {
  letter-spacing: 0em;
}

.cls-29 {
  letter-spacing: 0em;
}

.cls-30 {
  letter-spacing: 0em;
}

.cls-31 {
  letter-spacing: -0.01em;
}

.cls-32 {
  letter-spacing: -0.02em;
}

.cls-33 {
  letter-spacing: 0em;
}

.cls-34 {
  letter-spacing: 0em;
}

.cls-10 {
  font-family: Montserrat-Light, Montserrat;
  font-size: 11.68px;
}
.bg-navy-new {
  background-color: var(--navy);
  background-image: none !important;
}
.panel-image-container {
  width: initial;
  max-width: 100%;
}
.custom-button,
.section-btn,
.btn-outline-pink.btn-lg.section-btn {
  font-family: "Bebas Neue", sans-serif !important;
  background-color: transparent; /* Transparent background */
  border: 2px solid var(--pink); /* 2px border in var(--pink) */
  color: var(--pink) !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: 450px;
  min-width: 180px; /* Button width */
  font-size: 26px;
  line-height: 1.2; /* Adjust line height for vertical centering */
  box-sizing: border-box; /* Include padding in width/height calculation */
}

.section-btn span {
  display: inline-block;
  vertical-align: middle; /* Ensures the text is vertically centered */
  line-height: normal; /* Reset line-height for better alignment */
}
.custom-button,
.section-btn,
.section-btn:after,
.btn-outline-pink.btn-lg.section-btn:after {
  content: none !important;
  /* padding-left: 5px;
    vertical-align: text-bottom;
    display: inline-flex; */
  z-index: 5;
}

.custom-button:hover,
.section-btn:hover {
  background-color: transparent; /* No hover effect */
  color: var(--pink); /* Keep text color same on hover */
  border-color: var(--pink); /* Keep border same on hover */
}

.section-btn.section-blue {
  background-color: transparent; /* Transparent background */
  border: 2px solid var(--bright-blue); /* 2px border in var(--pink) */
  color: var(--bright-blue) !important; /* Text color in var(--pink) */
}
.section-btn.section-purple {
  background-color: transparent; /* Transparent background */
  border: 2px solid var(--purple); /* 2px border in var(--pink) */
  color: var(--purple) !important; /* Text color in var(--pink) */
}
.section-btn.section-blue::after,
.section-btn.section-purple::after {
  content: none;
}
.section-btn {
  margin-bottom: 40px !important;
}
.main-customer {
  border-radius: 10px;
  background: rgb(21, 39, 72);
  /* background: linear-gradient(
    0deg,
    rgba(21, 39, 72, 0.1) 60%,
    rgba(255, 0, 149, 0.3) 100%
  ) !important; */

  background: linear-gradient(
    0deg,
    rgb(18 31 55 / 40%) 10% 10%,
    rgba(255, 0, 149, 0.3) 100%
  ) !important;
}
.main-developers,
.main-enterprise {
  padding: 20px;
  transition: background 1.8s ease;
}
.text-developers,
.text-enterprise {
  z-index: 3;
  position: relative;
}
.text-developers a,
.text-enterprise a {
}

.main-developers .vc_column-inner,
.main-enterprise .vc_column-inner {
  border-radius: 10px;
  background: rgb(0, 0, 30);
  padding: 40px 50px;
  transition: background 1.8s ease;
}
.main-developers .vc_column-inner {
  border-radius: 10px;
  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;
}
/* .main-developers .vc_column-inner:hover {
  background: linear-gradient(
    0deg,
    rgba(173, 10, 253, 1) 10%,
     rgba(173, 10, 253, 0.7) 40%,
    rgba(0, 0, 30, 0.8) 60%,
     rgba(0, 0, 30, 1) 90%
  ) !important;
  transition: background 1.8s ease;
} */
.main-developers .hover-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(
    0deg,
    rgba(173, 10, 253, 1) 10%,
    /* Pink */ rgba(173, 10, 253, 0.7) 40%,
    /* Semi-transparent pink */ rgba(0, 0, 30, 0.8) 60%,
    /* Semi-transparent dark navy */ rgba(0, 0, 30, 0.9) 90%
      /* Fully transparent */
  ) !important;

  opacity: 0; /* Hide the overlay by default */
  transition: opacity 0.8s ease; /* Smooth transition for hover */
  z-index: 1;
  border-radius: 10px;
}
.main-enterprise .hover-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(
    0deg,
    rgb(43, 110, 244) 10%,
    /* Pink */ rgba(11, 151, 233, 0.7) 40%,
    /* Semi-transparent pink */ rgba(0, 0, 30, 0.8) 60%,
    /* Semi-transparent dark navy */ rgba(0, 0, 30, 0.9) 90%
      /* Fully transparent */
  ) !important;

  opacity: 0; /* Hide the overlay by default */
  transition: opacity 0.8s ease; /* Smooth transition for hover */
  z-index: 1;
  border-radius: 10px;
}

.main-developers {
  position: relative;
  cursor: pointer;
}

.main-developers a {
  pointer-events: none; /* Disable pointer events on all anchor tags */
}

.main-developers a.section-btn {
  pointer-events: all; /* Keep pointer events on the button if needed */
}

.main-developers .hover-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}
.main-enterprise {
  position: relative;
  cursor: pointer;
}

.main-enterprise a {
  pointer-events: none; /* Disable pointer events on all anchor tags */
}

.main-enterprise a.section-btn {
  pointer-events: all; /* Keep pointer events on the button if needed */
}

.main-enterprise .hover-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}
/* Assuming the parent container of both sections */
/* Apply full height to the parent container */
.main-sections {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch; /* Ensure child items stretch to full height */
  height: 100%; /* Make the parent container full height */
}

/* Make both sections take up equal space and stretch */
.main-enterprise,
.main-developers {
  flex: 1; /* Ensure both sections take equal space */
  display: flex;
  /* flex-direction: column; */
  justify-content: space-between; /* Spread content evenly */
  min-height: 100%; /* Ensure each section takes the full height */
}

/* Ensure images within the sections don't overflow */
.main-enterprise img,
.main-developers img {
  max-width: 100%;
  height: auto;
}

.logo-developers,
.logo-enterprise {
  opacity: 0; /* Start hidden */
  visibility: hidden; /* Prevent element from blocking interactions */
  position: absolute;
  top: 200px;
  /* width: 300px;
  height: auto; */
  max-width: 100%;
  z-index: 4;
  transition: opacity 0.8s ease, visibility 0.8s ease; /* Smooth transition for opacity */
  margin: 0;
  padding-bottom: 200px;
  left: 50%;
  transform: translateX(-50%);
}
.logo-developers img,
.logo-enterprise img {
  display: block !important;
  width: auto !important;
  height: 65px !important;
  max-width: 100% !important;
  object-fit: inherit;
}

.main-developers .vc_column-inner:hover .logo-developers,
.main-enterprise .vc_column-inner:hover .logo-enterprise {
  opacity: 1; /* Fade in */
  visibility: visible; /* Make element visible */
}

.main-developers .vc_column-inner:hover .hover-overlay,
.main-enterprise .vc_column-inner:hover .hover-overlay {
  opacity: 1;
}

.main-enterprise .vc_column-inner {
  background: linear-gradient(
    0deg,
    rgba(0, 0, 30, 1) 0%,
    rgba(0, 153, 255, 0.6993391106442577) 100%
  ) !important;
  position: relative;
}
.main-developers img,
.main-enterprise img {
  width: 650px;
}

.main-developers .btn-outline-pink.btn-lg.section-btn,
.main-enterprise .btn-outline-pink.btn-lg.section-btn {
  margin-top: -65px;
}
.main-developers .btn-outline-pink.btn-lg.section-btn {
  background-color: var(--navy);
  color: #ad0afd !important;
  border-color: #ad0afd !important;
}

.main-enterprise .btn-outline-pink.btn-lg.section-btn {
  background-color: var(--navy);
  color: var(--bright-blue) !important;
  border-color: var(--bright-blue) !important;
}
.main-learn {
  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;
}
.main-gradient-pink {
}
.main-gradient-purple {
}
.main-gradient-blue {
}
.main-gradient-green {
}

[class^="main-gradient-"] {
  padding: 20px;
  transition: background 1.8s ease;
}
[class^="main-gradient-"] .vc_column-inner {
  border-radius: 10px;
  background: rgb(0, 0, 30);
  padding: 40px 50px;
  transition: background 1.8s ease;
}

@media (max-width: 768px) {
  [class^="main-gradient-"] .vc_column-inner {
    padding: 30px 10px;
  }
}
.main-gradient-purple .vc_column-inner {
  border-radius: 10px;
  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;
}
.main-gradient-blue .vc_column-inner {
  background: linear-gradient(
    0deg,
    rgba(0, 0, 30, 1) 0%,
    rgba(0, 153, 255, 0.6993391106442577) 100%
  ) !important;
  position: relative;
}
.main-developers img,
.main-enterprise img {
  width: 650px;
}
.main-gradient-pink .vc_column-inner {
  border-radius: 10px;
  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;
}
.main-gradient-green .vc_column-inner {
  border-radius: 10px;
  background: linear-gradient(
    0deg,
    rgba(0, 0, 30, 1) 0%,
    rgba(113, 222, 16, 0.4976584383753502) 100%
  ) !important;
  transition: background 1.8s ease;
  position: relative;
}
.no-gradient .vc_column-inner {
  background: transparent !important;
}
[id^="section-"] h1,
[id^="section-"] h2,
[id^="section-"] h3,
[id^="section-"] h4,
[id^="section-"] h5 {
  color: white;
}
[id^="section-"] p {
  color: white;
  font-weight: 500;
  font-size: 20px;
}
[id^="section-"] .wpb_content_element ul {
  color: #fff;
  font-weight: normal;
}
[id^="section-"] .wpb_content_element ul li {
  font-size: 20px;
}
[id^="section-"] .vc_tta-tabs-container .vc_tta-tabs-list {
  background: initial;
}

[id^="section-"] .wpb_single_image img {
  height: auto;
  max-width: 100%;
  vertical-align: top;
  /* width: 1000px; */
}
[id^="section-"] .wpb_single_image img[src$=".svg"] {
  height: auto;
  max-width: 100%;
  vertical-align: top;
  width: 1000px;
}
[id^="section-"] .vc_tta-color-grey.vc_tta-style-flat .vc_tta-tab > a {
  color: #fff !important;
}
[id^="section-"] .news__all {
  background-color: transparent !important;
  border: none !important;
}
.vc_tta-color-grey.vc_tta-style-flat .vc_tta-tab.vc_active > a,
[id^="section-"]
  .vc_tta-color-grey.vc_tta-style-flat
  .vc_tta-tab.vc_active
  > a {
  color: var(--pink) !important;
}

[id^="section-"] .read-more {
  color: var(--pink) !important;
  font-weight: 600;
}

.text-developers a {
  color: #ad0afd;
}

.text-enterprise a {
  color: var(--bright-blue);
}

.main-developers .vc_column-inner:hover a:not(.section-btn),
.main-enterprise .vc_column-inner:hover a:not(.section-btn) {
  color: #fff;
  border: 2px solid white;
  border-radius: 8px;
  padding: 8px 15px;
}
[id^="section-"] .read-more::after,
.text-developers a::after,
.text-enterprise a::after {
  content: "→";
  padding-left: 5px;
  vertical-align: text-bottom;
  display: inline-flex;
}

[id^="section-"] .vc_tta-panel-body a {
  color: #fff;
}

#section-hero .page-hero {
  /* background-image: none !important; */
  /* background-color: transparent !important; */
  padding-top: 75px !important;
}
#section-callout {
  position: relative;
  padding: 20px 0;
  z-index: 2;
}
#section-products {
  padding: 100px 0;
  z-index: 1;
}
#section-callout .wpb_single_image img {
  height: auto;
  max-width: 100%;
  vertical-align: top;
  width: 1000px;
}
#section-callout {
  /* background-image: url("/wp-content/uploads/2024/09/Homepage-Header-Lines.svg") !important; 
  background-repeat: no-repeat !important;
  background-size: cover; 
  background-position: -110px center;*/
  position: relative;
  z-index: 2;
  margin-top: -50px;
  margin-bottom: -50px;
}

#section-callout-hp {
  /* background-image: url("/wp-content/uploads/2024/09/Homepage-Header-Lines.svg") !important; 
  background-repeat: no-repeat !important;
  background-size: cover; 
  background-position: -110px center;*/
  position: relative;
  z-index: 2;
  margin-top: -50px;
  margin-bottom: -50px;
}
#section-callout:before {
  content: "";
  position: absolute;
  top: -180px;
  left: -50px;
  right: -50px;
  height: calc(100% + 150px);
  /* background-image: url(/wp-content/uploads/2024/09/Homepage-Header-Lines.svg); */
  background-image: url(/wp-content/uploads/2024/10/CTA-Lines.svg);
  background-repeat: no-repeat;
  background-size: 80%;
  background-position: 95px -76px;
  z-index: -1;
}
#section-callout.purple:before {
  content: "";
  position: absolute;
  top: -180px;
  left: -50px;
  right: -50px;
  height: calc(100% + 150px);
  /* background-image: url(/wp-content/uploads/2024/09/Homepage-Header-Lines.svg); */
  background-image: url(/wp-content/uploads/2024/11/CTA-Lines-Purple.svg);
  background-repeat: no-repeat;
  background-size: 80%;
  background-position: 95px -76px;
  z-index: -1;
}
#section-callout-hp:before {
  content: "";
  position: absolute;
  top: -180px;
  left: -50px;
  right: -50px;
  height: calc(100% + 150px);
  /* background-image: url(/wp-content/uploads/2024/09/Homepage-Header-Lines.svg); */
  background-image: url(/wp-content/uploads/2024/10/CTA-Lines.svg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: -110px -280px;
  z-index: -1;
}
#section-callout-noback {
  position: relative;
  z-index: 2;
  margin-top: -50px;
  margin-bottom: -50px;
  overflow: overlay;
}
#section-callout .vc_row:not(.vc_inner),
#section-callout-noback .vc_row:not(.vc_inner),
section .vc_row:not(.vc_inner) {
  background-image: initial !important;
  background-color: initial !important;
}
#section-callout-noback > .vc_row {
  margin-top: -280px !important;
  padding-bottom: 0;
}
#section-getstarted {
  /* background-image: url("/wp-content/uploads/2024/09/Homepage-Header-Lines.svg") !important; 
  background-repeat: no-repeat !important;
  background-size: cover; 
  background-position: -110px center;*/
  position: relative;
  z-index: 2;
  margin-top: -50px;
  margin-bottom: -50px;
}
#section-getstarted:before {
  content: "";
  position: absolute;
  top: -50px;
  left: 0;
  right: 0;
  height: calc(100% + 150px);
  background-image: url(/wp-content/uploads/2024/09/Homepage-Header-Lines.svg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: -110px -280px;
  z-index: -1;
}
@media (max-width: 768px) {
  #section-callout-noback {
    position: relative;
    z-index: 2;
    margin-top: -50px;
    margin-bottom: 0px;
  }
  #section-callout-noback > .vc_row {
    margin-top: 0px !important;
    padding-bottom: 0;
    margin-bottom: 40px;
  }
  .security-logos img {
    width: 250px !important;
  }
  .responsive-center {
    margin: auto !important;
  }
}
#section-callout-noback.nomargin > .vc_row {
  margin-top: 125px !important;
  margin-bottom: 125px !important;
  padding-bottom: 0;
}

#section-quote {
  background-image: url("/wp-content/uploads/2024/09/Homepage-Header-Lines.svg") !important;
  background-repeat: no-repeat !important;
  background-size: cover; /* Keep the image at its initial size */
  background-position: center center;
  position: relative;
  z-index: 2;
  margin-top: -50px;
  margin-bottom: -50px;
}
/* Ensure adjacent sections don't overlap on top of each other */
#section-hero,
#section-products {
  z-index: 3;
  position: relative;
}

#section-hero .vc_row,
#section-products .vc_row {
  margin: 0;
  padding: 0;
}

#section-learn .vc_tta-tabs-container {
  text-align: left !important;
}
#section-learn {
  background: linear-gradient(
    0deg,
    rgba(0, 0, 30, 0.3) 61%,
    rgb(8 42 99) 100%
  ) !important;
}
.vc_tta-panel {
  /* border-top: 1px solid #425a7c; */
  border-top: none;
  border-bottom: none !important;
}
.vc_tta.vc_tta-gap-35.vc_tta-tabs-position-top .vc_tta-tabs-container {
  /* margin-bottom: 35px; */
  border-bottom: 1px solid;
}
.vc_tta-container .vc_tta-tabs-list .vc_tta-tab {
  /* border-bottom: 3px solid #c6c8c9; */
  border-bottom: none !important;
}
.hp-tabs .vc_tta-tabs-list .hp-progress-bar {
  background-color: var(--pink) !important;
}

.cta-hero {
  background-color: var(--navy);
  background-image: url("/wp-content/uploads/2024/09/get-started-background-2409.svg") !important;
  background-repeat: no-repeat !important;
  background-size: 30%;
  background-position: center center;
  position: relative;
  z-index: 2;
  margin-top: -50px;
  margin-bottom: 0px;
}
[id^="section-"] .hp-hero-btn {
  margin-right: 40px;
  border-radius: 4px;
}
[d^="section-"] .btn-pink,
.btn-pink-text {
  color: #fff;
  background-color: var(--pink);
}
[id^="section-"] .hp-hero-btn.btn-outline-pink {
  /* border-color: transparent !important;  */
  color: var(--pink) !important;
  border: none !important;
}
[id^="section-"] .integration-button-row .hp-hero-btn {
  font-size: 18px;
}
[id^="section-"] .integration-button-row .hp-hero-btn.btn-outline-pink:hover {
  /* color: #fff !important; */
  background-color: transparent;
  border: none !important;
  border-color: #fff !important;
  border-radius: 4px;
}
.integration-button-row .hp-hero-btn.inline-button:last-child {
  margin-right: 0 !important;
}
.inline-button {
  display: inline-block; /* Make buttons inline */
  margin-right: 10px; /* Adjust spacing between buttons */
}

/* Remove margin from the last button */
.inline-button:last-child {
  margin-right: 0;
}

[id^="section-"] .wpb_content_element ul {
  list-style: none;
  padding: 0.5em 0 0 1em;
}
[id^="section-"] .wpb_content_element ul li {
  margin-bottom: 0.5em;
}
#section-why a {
  /* color: var(--pink); */
}
#section-why a::after {
  color: var(--pink);
  content: "→";
  padding-left: 5px;
  vertical-align: text-bottom;
  display: inline-flex;
}
#section-integrations {
  padding-bottom: 75px;
}
[id^="section-"] .news__all {
  padding: 0 3% !important;
}
[id^="section-"] .vc_tta-panel-heading {
  margin-top: 0;
  margin-bottom: 0;
}
#section-customers {
  background: linear-gradient(
    0deg,
    rgb(5 21 50 / 40%) 30% 40%,
    rgb(202 0 118 / 44%) 100%
  ) !important;
  border-radius: 12px;
}
#section-customers .tab-bold-simple-1 .vc_column-inner {
  display: flex;
  flex-direction: column; /* Stack elements vertically by default */
}
#section-customers .tab-bold-simple-1 .vc_column-inner .tab-headline {
  flex-basis: 100%;
  margin-bottom: 0px;
  /* margin-top: -10px; */
}

#section-customers
  .tab-bold-simple-1
  .vc_column-inner
  .wpb_wrapper:has(.text-block-wrapper) {
  display: flex;
  flex-wrap: wrap; /* Allow items to wrap */
  gap: 20px; /* Add spacing between the text blocks */
  margin-top: 20px; /* Add space above text blocks */
  align-items: center; /* Align items in the center */
}

#section-customers .tab-bold-simple-1 .vc_column-inner .text-block-wrapper {
  flex: 1; /* Make each text block take equal width */
  margin: 0; /* Remove any extra margin */
}
/* .tab-left-logo {
  width: 250px;
  margin-bottom: 0px;
} */
.tab-left-logo img,
.img-initial img {
  width: initial !important;
}
#section-customers
  .tab-bold-simple-1
  .text-block-wrapper
  p:first-child::before {
  content: url("/wp-content/uploads/2024/10/tab-bold-separator.svg");
  display: block;
  width: 40px;
  height: 5px;
  margin: 0 0 30px 0;
}
.vc_tta-panel-body > .vc_row {
  display: flex;
  align-items: stretch; /* Ensure both columns stretch to the full height */
}

.tab-left,
.tab-right {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  flex-wrap: nowrap;
}
.tab-right {
  border-left: 1px solid #fff;
}
@media (max-width: 768px) {
  /* Mobile view */
  .tab-left,
  .tab-right {
    flex-direction: row; /* Change to row on mobile */
    flex-wrap: wrap; /* Allow wrapping in mobile view */
  }

  .tab-left > *,
  .tab-right > * {
    flex: 1 1 100%; /* Ensure each item takes full width */
    margin-bottom: 10px; /* Add spacing between items */
  }
  .vc_tta-panel-body > .vc_row {
    display: block;
  }
  .integration-text {
    margin-top: 0 !important;
  }
  .integration-button-row {
    margin-top: 0 !important;
  }
}
/*remove this if you want the autorotate on the tabs module */
.vc_tta-container .vc_tta-tabs-list .vc_tta-tab.vc_active {
  border-bottom: 3px solid var(--pink) !important;
  /* z-index: 5; */
  margin-bottom: revert-layer;
}
.vc_tta.vc_tta-gap-35.vc_tta-tabs-position-top .vc_tta-tabs-container {
  margin-bottom: 0px !important;
}
.vc_tta.vc_general .vc_tta-panel-body {
  padding-top: 50px !important;
}
.vc_inner:first-child {
  padding-top: 1rem !important;
}
.tab-right .vc_column-inner {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 10px; /* Spacing between elements */
  padding: 0 40px;
}
.tab-left .vc_column-inner {
  padding: 0 40px;
}
.tab-customer-quote {
  margin-top: 10px;
}

.tab-customer-quote img {
  height: 30px;
  width: auto;
  float: left;
  margin-right: 10px; /* Space between image and text below */
}

.customer-quote-box.blue-border .tab-customer-quote img {
  height: 40px;
  width: auto;
  float: left;
  margin-right: 10px; /* Space between image and text below */
}

.tab-customer-cat {
  position: relative;
  top: 5px;
  right: 0;
  margin: 0;
  text-align: right;
}
.tab-customer-cat p {
  color: var(--pink);
  font-size: 16px;
  font-weight: 600;
  text-transform: uppercase;
}
.tab-customer-text {
  clear: both;
  padding-top: 20px;
}
.tab-circle-headshot {
  max-width: 100%;
  width: 55px;
}
[id^="section-"] .vc_tta-panel-body {
  background-color: transparent !important;
}
@media (max-width: 576px) {
  [id^="section-"] .vc_tta-panel-heading {
    background-color: transparent !important;
    border: 1px solid var(--pink) !important;
    border-radius: 4px !important;
  }
}
.seperator-pink {
  width: 75px;
}
.inline-button {
  display: inline-block;
}
.button-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 20px; /* Space between buttons */
}

.button-wrapper .wpb_wrapper {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}

.text-md-center,
.text-center {
  margin: 0 25px; /* Ensure no margin that could cause spacing issues */
}
.row.other-posts {
  padding-bottom: 20px;
}
.feature-image a::after,
.feature-title a::after,
.other-posts a::after {
  content: none;
}
.feature-title {
  padding-top: 25px;
}
.integration-text {
  position: relative !important;
  margin-top: -280px !important;
  top: 0 !important;
  left: 0;
  right: 0;
  z-index: 2;
  background-color: transparent;
}

.integration-text2x {
  position: relative;
  top: -50px;
  z-index: 3;
}
.integration-button-row {
  position: relative;
  top: -70px;
  z-index: 3;
  margin-top: -50px;
}
.ubermenu-responsive-toggle-nav2024config {
  background: transparent !important;
}
.navbar-nav .fas {
  color: white !important;
}
@media (max-width: 768px) {
  .integration-text {
    margin-top: 0 !important;
  }
  .integration-button-row {
    margin-top: 0 !important;
  }
}

@media (max-width: 576px) {
  .integration-text2x {
    position: relative;
    top: initial;
    z-index: 3;
  }
  .integration-button-row {
    position: relative;
    top: initial;
    z-index: 3;
  }

  .navbar-nav .fas {
    color: white !important;
  }
  .ubermenu.ubermenu-submenu-indicator-closes
    .ubermenu-sub-indicator-close
    > [class^="fa"] {
    font-family: "Font Awesome 6 Free";
  }
}
.cta-blue-background-box p,
section p {
  font-size: 20px;
  font-weight: normal;
}
.cta-blue-background-row {
  display: flex;
  flex-wrap: wrap;
}

.cta-blue-background-box {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.blog_box_inner img {
  border-radius: 10px;
  border: 1px solid #425a7c;
}
.post-edit-link {
  z-index: 20;
  position: relative;
}
@media (max-width: 1155px) {
  #section-hero::before {
    content: "";
    position: absolute;
    top: -70px !important;
    left: 0;
    right: -50px !important;
    bottom: 4px;
    /* background-image: url(/wp-content/uploads/2024/10/Home-Header.svg); */
    background-image: url(/wp-content/uploads/2024/10/Top-Chevron.svg);
    background-size: 50%;
    background-position: top right;
    z-index: -1;
    border-radius: inherit;
    background-repeat: no-repeat;
  }
}
@media (max-width: 555px) {
  #section-hero::before {
    content: "";
    position: absolute;
    top: 0px !important;
    left: 0;
    right: 0px !important;
    bottom: 4px;
    /* background-image: url(/wp-content/uploads/2024/10/Home-Header.svg); */
    background-image: url(/wp-content/uploads/2024/10/Top-Chevron.svg);
    background-size: 50%;
    background-position: top right;
    z-index: -1;
    border-radius: inherit;
    background-repeat: no-repeat;
  }
  #section-callout-hp::before,
  #section-callout::before {
    content: "";
    position: absolute;
    top: 0px !important;
    left: 0;
    right: 0px !important;
  }
}
