/*
Theme Name: Pacera
Author: SCube
Version: 1.0
Breakpoints: Mobile ≤767px, Tablet ≤1024px, Desktop ≥1440px
*/
/* ExtraLight – 200 
@font-face {
  font-family: "Poppins";
  src: url("fonts/Poppins-ExtraLight.woff2") format("woff2");
  font-weight: 200;
  font-style: normal; 
  font-display: swap;
}

/* Light – 300 
@font-face {
  font-family: "Poppins";
  src: url("fonts/Poppins-Light.woff2") format("woff2");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}*/

/* Regular – 400 */
@font-face {
  font-family: "Poppins";
  src: url("fonts/Poppins-Regular.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

/* Medium – 500 */
@font-face {
  font-family: "Poppins";
  src: url("fonts/Poppins-Medium.woff2") format("woff2");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

/* SemiBold – 600 */
@font-face {
  font-family: "Poppins";
  src: url("fonts/Poppins-SemiBold.woff2") format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

/* Bold – 700 */
@font-face {
  font-family: "Poppins";
  src: url("fonts/Poppins-Bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

/* ExtraBold – 800 
@font-face {
  font-family: "Poppins";
  src: url("fonts/Poppins-ExtraBold.woff2") format("woff2");
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}

/* Black – 900 
@font-face {
  font-family: "Poppins";
  src: url("fonts/Poppins-Black.woff2") format("woff2");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}*/

/* Color Variables */
:root {
  --sticky-offset: 122px;
  --font-family-base: "Poppins", sans-serif;
  --gap-size: 1rem; /* Default gap */
  --container-width: 1440px;

  /* Primary */
  --primary-midnight-pearl: #221133;
  --primary-dark-amethyst: #6200b3;

  /* Secondary */
  --secondary-electric-indigo: #574ae2;
  --secondary-phlox-flame: #cf24ff;
  --secondary-egg-shell-blue: #38c9d6;
  --secondary-lucid-lilt: #b5f9ff;
  --secondary-crystal-grey: #efefef;

  /* Text */
  --text-primary-text1: #323338;
  --text-primary-text2: #ffffff;
  --text-disabled-text: #aaa7b7;
  --text-placeholder-text: #676879;
  --text-link-text: #1f76c2;

  /* Neutral */
  --neutral-black: #212121;
  --neutral-darkest-grey: #26262c;
  --neutral-dark-grey: #383844;
  --neutral-mid-dark-grey: #63626a;
  --neutral-mid-grey: #8e8d96;
  --neutral-outline-grey: #d5d5d6;
  --neutral-light-grey: #e4e4e4;
  --neutral-background-grey: #f4f4f4;
  --neutral-table-grey: #f9f9f9;
  --neutral-white: #ffffff;

  /* Semantic */
  --semantic-lighter-green: #f2fbf6;
  --semantic-green-hover: #def4e7;
  --Semantic-Green: #46b881;
  --Semantic-Dark-Green: #00783f;

  --semantic-light-ambe: #fff8f3;
  --semantic-amber-hover: #ffe2cd;
  --semantic-amber: #f09932;
  --semantic-dark-amber: #bf6700;

  --semantic-light-red: #fff6f6;
  --semantic-red-hover: #ffe6e7;
  --semantic-red: #ec4c47;
  --semantic-red-dark: #d70d00;

  /* Typography */
  /* type scale */
  --font-body-size: 16px;
  --font-body-line-height: 24px;

  --font-compact-size: 14px;

  --font-h1-size: 60px;
  --font-h2-size: 36px;
  --font-h3-size: 32px;
  --font-h4-size: 24px;
  --font-h5-size: 20px;

  --font-label-size: 12px;

  --font-button-s-size: 14px;
  --font-button-l-size: 16px;

  --radius-button: 7px;
  --button-padding-s: 9px 24px;
  --button-padding-m: 12px 20px;
}

:where(.wp-block-columns.is-layout-flex) {
  gap: 0px;
}

:where(.wp-block-columns) {
  margin-bottom: 0px;
}

/* Reset and base styles */
/* Global Padding */
html,
body {
  margin: 0;
  padding: 0;
  overflow-x: hidden;
  background-color: #010106;
}

* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  font-family: var(--font-family-base);
overflow-wrap: break-word;
  word-wrap: break-word;
}a,
p,
span,
li,
td,
th,
div,h1, h2,h3 {
overflow-wrap: anywhere;
}
body{
	 font-synthesis-weight: none;
	 font-synthesis-style: none;
	text-rendering: optimizeSpeed;
}
img { height:auto; max-width:100%; }

/* Base text */

body,
p {
  font-family: var(--font-family-base);
  font-weight: 400;
  font-size: var(--font-body-size);
  line-height: var(--font-body-line-height);
  margin: 0;
}
p {
    padding-bottom: 10px;
}
h1,
.heading1,
h2,
.heading2,
h3,
.heading3,
h4,
.heading4,
h5,
.heading5 {
  font-family: var(--font-family-base);
  margin: 0;
}

h1,
.heading1 {
  font-weight: 600;
  font-size: var(--font-h1-size);
  line-height: 120%;
}

h2,
.heading2 {
  font-weight: 700;
  font-size: var(--font-h2-size);
  line-height: normal;
}

h3,
.heading3 {
  font-weight: 700;
  font-size: var(--font-h3-size);
  line-height: normal;
}

h4,
.heading4 {
  font-weight: 500;
  font-size: var(--font-h4-size);
  line-height: normal;
}

h5,
.heading5 {
  font-weight: 700;
  font-size: var(--font-h5-size);
  line-height: normal;
}

.compact-body {
  font-family: var(--font-family-base);
  font-weight: 400;
  font-size: var(--font-compact-size);
  line-height: normal;
}

.tags,
.form-label,
input,
label,
select {
  font-family: var(--font-family-base);
  font-weight: 400;
  font-size: var(--font-label-size);
  line-height: normal;
}

.nav {
  font-family: var(--font-family-base);
  font-size: var(--font-body-size);
  font-weight: 400;
  line-height: normal;
}

/* Generic button typography */

.button,
.primary-button,
.secondary-button,
.tertiary-button,
.primary-button-l,
.secondary-button-l,
.tertiary-button-l,
.lm-primary-button,
.lm-secondary-button,
.lm-tertiary-button {
  font-family: var(--font-family-base);
  font-weight: 700;
  line-height: normal;
  text-decoration: none;
  display: inline-flex;
  justify-content: center;
  align-items: center;
}

/* Button size tokens */

.button,
.nav,
.primary-button-l,
.secondary-button-l,
.tertiary-button-l {
  font-size: var(--font-button-l-size);
}

.primary-button,
.secondary-button,
.tertiary-button,
.lm-primary-button,
.lm-secondary-button,
.lm-tertiary-button {
  font-size: var(--font-button-s-size);
}

/* Shared button visuals */

.primary-button,
.secondary-button,
.tertiary-button,
.primary-button-l,
.secondary-button-l,
.tertiary-button-l,
.lm-primary-button,
.lm-secondary-button,
.lm-tertiary-button {
  border-radius: var(--radius-button);
  padding: var(--button-padding-m);
}

/* L&M smaller padding override */

.lm-primary-button,
.lm-secondary-button,
.lm-tertiary-button {
  padding: var(--button-padding-s);
}

/* Variants */

.primary-button,
.primary-button-l,
.lm-primary-button {
  background-color: var(--primary-dark-amethyst);
  color: var(--neutral-white);
}

.secondary-button,
.secondary-button-l,
.lm-secondary-button {
  background-color: var(--secondary-electric-indigo);
  color: var(--neutral-white);
}

.tertiary-button,
.tertiary-button-l,
.lm-tertiary-button {
  background-color: transparent;
  color: var(--secondary-phlox-flame);
  border: 2px solid var(--secondary-phlox-flame);
}

/* L&M states */

.lm-primary-button:hover {
  background: linear-gradient(
    90deg,
    var(--secondary-egg-shell-blue) -2.77%,
    var(--secondary-phlox-flame) 99.86%
  );
}

.lm-primary-button:disabled,
.lm-primary-button[disabled],
.lm-secondary-button:disabled,
.lm-secondary-button[disabled] {
  background: var(--Text-disabled-text);
  cursor: not-allowed;
}

.lm-secondary-button:hover {
  background-color: var(--secondary-egg-shell-blue);
}

.lm-tertiary-button:hover {
  background-color: var(--secondary-phlox-flame);
  color: var(--neutral-white);
  border: 2px solid var(--secondary-phlox-flame);
}
a.tertiary-button-l:hover,a.tertiary-button:hover {
  background-color: #cf24ff;
  color: #fff;
}
.container {
  margin: 0 auto;
  max-width: var(--container-width);
  padding: 60px 60px;
}

/* Row class - creates a flex container */
.flex {
  display: flex;
}

/* ============ GAP UTILITY CLASSES ============ */

/* Gap sizes - set both the variable and actual gap */
.gap-0 {
  --gap-size: 0;
  gap: 0;
}

.gap-1 {
  --gap-size: 0.25rem;
  gap: 0.25rem;
}

.gap-2 {
  --gap-size: 0.5rem;
  gap: 0.5rem;
}

.gap-3 {
  --gap-size: 1rem;
  gap: 1rem;
}

.gap-4 {
  --gap-size: 1.5rem;
  gap: 1.5rem;
}


.gap-27 {
  --gap-size: 27px;
  gap: 27px;
}

.gap-5 {
  --gap-size: 2rem;
  gap: 2rem;
}

.gap-20{
  --gap-size: 20px;
  gap: 20px;
}

.gap-6 {
  --gap-size: 3rem;
  gap: 3rem;
}

.gap-116 {
  --gap-size: 116px;
  gap: 116px;
}

.gap-40{
  --gap-size: 40px;
  gap: 40px;
}

/* ============ FLEX GRID WITH AUTO-ADJUSTING COLUMNS ============ */

/* Row class */
.row {
  display: flex;
  flex-wrap: wrap;
  gap: var(--gap-size, 1rem);
}

/* Column base class */
.col {
  flex: 1 0 0%;
}

/* Column widths that auto-adjust to gap size */
.col-1 {
  flex: 0 0 calc(8.33333333% - (var(--gap-size, 1rem) * 11 / 12));
}

.col-2 {
  flex: 0 0 calc(16.66666667% - (var(--gap-size, 1rem) * 10 / 12));
}

.col-3 {
  flex: 0 0 calc(25% - (var(--gap-size, 1rem) * 9 / 12));
}

.col-4 {
  flex: 0 0 calc(33.33333333% - (var(--gap-size, 1rem) * 8 / 12));
}

.col-5 {
  flex: 0 0 calc(41.66666667% - (var(--gap-size, 1rem) * 7 / 12));
}

.col-6 {
  flex: 0 0 calc(50% - (var(--gap-size, 1rem) * 6 / 12));
}

.col-7 {
  flex: 0 0 calc(58.33333333% - (var(--gap-size, 1rem) * 5 / 12));
}

.col-8 {
  flex: 0 0 calc(66.66666667% - (var(--gap-size, 1rem) * 4 / 12));
}

.col-9 {
  flex: 0 0 calc(75% - (var(--gap-size, 1rem) * 3 / 12));
}

.col-10 {
  flex: 0 0 calc(83.33333333% - (var(--gap-size, 1rem) * 2 / 12));
}

.col-11 {
  flex: 0 0 calc(91.66666667% - (var(--gap-size, 1rem) * 1 / 12));
}

.col-12 {
  flex: 0 0 100%;
}

/* ============ RESPONSIVE BREAKPOINTS ============ */

/* Small (sm): 0px to 767px */
@media (max-width: 768px) {
  /* Responsive columns for sm */
  .col-sm-1 {
    flex: 0 0 calc(8.33333333% - (var(--gap-size, 1rem) * 11 / 12));
  }
  .col-sm-2 {
    flex: 0 0 calc(16.66666667% - (var(--gap-size, 1rem) * 10 / 12));
  }
  .col-sm-3 {
    flex: 0 0 calc(25% - (var(--gap-size, 1rem) * 9 / 12));
  }
  .col-sm-4 {
    flex: 0 0 calc(33.33333333% - (var(--gap-size, 1rem) * 8 / 12));
  }
  .col-sm-5 {
    flex: 0 0 calc(41.66666667% - (var(--gap-size, 1rem) * 7 / 12));
  }
  .col-sm-6 {
    flex: 0 0 calc(50% - (var(--gap-size, 1rem) * 6 / 12));
  }
  .col-sm-7 {
    flex: 0 0 calc(58.33333333% - (var(--gap-size, 1rem) * 5 / 12));
  }
  .col-sm-8 {
    flex: 0 0 calc(66.66666667% - (var(--gap-size, 1rem) * 4 / 12));
  }
  .col-sm-9 {
    flex: 0 0 calc(75% - (var(--gap-size, 1rem) * 3 / 12));
  }
  .col-sm-10 {
    flex: 0 0 calc(83.33333333% - (var(--gap-size, 1rem) * 2 / 12));
  }
  .col-sm-11 {
    flex: 0 0 calc(91.66666667% - (var(--gap-size, 1rem) * 1 / 12));
  }
  .col-sm-12 {
    flex: 0 0 100%;
  }

  /* Responsive gaps for sm */
  .gap-sm-0 {
    --gap-size: 0;
    gap: 0;
  }
  .gap-sm-1 {
    --gap-size: 0.25rem;
    gap: 0.25rem;
  }
  .gap-sm-2 {
    --gap-size: 0.5rem;
    gap: 0.5rem;
  }
  .gap-sm-3 {
    --gap-size: 1rem;
    gap: 1rem;
  }
  .gap-sm-4 {
    --gap-size: 1.5rem;
    gap: 1.5rem;
  }
  .gap-sm-5 {
    --gap-size: 2rem;
    gap: 2rem;
  }
  .gap-sm-6 {
    --gap-size: 3rem;
    gap: 3rem;
  }

  /* Stack columns on mobile by default */
  /* .row {
    flex-direction: column;
  } */

  /* Full width on mobile for vertical layout */
  /* .row:not(.flex-sm-row):not(.flex-sm-row-reverse) > [class*="col-"] {
    flex: 0 0 100% !important;
  } */
}

/* Medium (md): 768px to 1023px */
@media (min-width: 768px) {
  /* Responsive columns for md */
  .col-md-1 {
    flex: 0 0 calc(8.33333333% - (var(--gap-size, 1rem) * 11 / 12));
  }
  .col-md-2 {
    flex: 0 0 calc(16.66666667% - (var(--gap-size, 1rem) * 10 / 12));
  }
  .col-md-3 {
    flex: 0 0 calc(25% - (var(--gap-size, 1rem) * 9 / 12));
  }
  .col-md-4 {
    flex: 0 0 calc(33.33333333% - (var(--gap-size, 1rem) * 8 / 12));
  }
  .col-md-5 {
    flex: 0 0 calc(41.66666667% - (var(--gap-size, 1rem) * 7 / 12));
  }
  .col-md-6 {
    flex: 0 0 calc(50% - (var(--gap-size, 1rem) * 6 / 12));
  }
  .col-md-7 {
    flex: 0 0 calc(58.33333333% - (var(--gap-size, 1rem) * 5 / 12));
  }
  .col-md-8 {
    flex: 0 0 calc(66.66666667% - (var(--gap-size, 1rem) * 4 / 12));
  }
  .col-md-9 {
    flex: 0 0 calc(75% - (var(--gap-size, 1rem) * 3 / 12));
  }
  .col-md-10 {
    flex: 0 0 calc(83.33333333% - (var(--gap-size, 1rem) * 2 / 12));
  }
  .col-md-11 {
    flex: 0 0 calc(91.66666667% - (var(--gap-size, 1rem) * 1 / 12));
  }
  .col-md-12 {
    flex: 0 0 100%;
  }

  /* Responsive gaps for md */
  .gap-md-0 {
    --gap-size: 0;
    gap: 0;
  }
  .gap-md-1 {
    --gap-size: 0.25rem;
    gap: 0.25rem;
  }
  .gap-md-2 {
    --gap-size: 0.5rem;
    gap: 0.5rem;
  }
  .gap-md-3 {
    --gap-size: 1rem;
    gap: 1rem;
  }
  .gap-md-4 {
    --gap-size: 1.5rem;
    gap: 1.5rem;
  }
  .gap-md-5 {
    --gap-size: 2rem;
    gap: 2rem;
  }
  .gap-md-6 {
    --gap-size: 3rem;
    gap: 3rem;
  }

  /* Restore row direction on tablet and above */

  .row {
    flex-direction: row;
  }
}

/* Large (lg): 1024px to 1399px */
@media (min-width: 1024px) {
  /* Responsive columns for lg */
  .col-lg-1 {
    flex: 0 0 calc(8.33333333% - (var(--gap-size, 1rem) * 11 / 12));
  }
  .col-lg-2 {
    flex: 0 0 calc(16.66666667% - (var(--gap-size, 1rem) * 10 / 12));
  }
  .col-lg-3 {
    flex: 0 0 calc(25% - (var(--gap-size, 1rem) * 9 / 12));
  }
  .col-lg-4 {
    flex: 0 0 calc(33.33333333% - (var(--gap-size, 1rem) * 8 / 12));
  }
  .col-lg-5 {
    flex: 0 0 calc(41.66666667% - (var(--gap-size, 1rem) * 7 / 12));
  }
  .col-lg-6 {
    flex: 0 0 calc(50% - (var(--gap-size, 1rem) * 6 / 12));
  }
  .col-lg-7 {
    flex: 0 0 calc(58.33333333% - (var(--gap-size, 1rem) * 5 / 12));
  }
  .col-lg-8 {
    flex: 0 0 calc(66.66666667% - (var(--gap-size, 1rem) * 4 / 12));
  }
  .col-lg-9 {
    flex: 0 0 calc(75% - (var(--gap-size, 1rem) * 3 / 12));
  }
  .col-lg-10 {
    flex: 0 0 calc(83.33333333% - (var(--gap-size, 1rem) * 2 / 12));
  }
  .col-lg-11 {
    flex: 0 0 calc(91.66666667% - (var(--gap-size, 1rem) * 1 / 12));
  }
  .col-lg-12 {
    flex: 0 0 100%;
  }

  /* Responsive gaps for lg */
  .gap-lg-0 {
    --gap-size: 0;
    gap: 0;
  }
  .gap-lg-1 {
    --gap-size: 0.25rem;
    gap: 0.25rem;
  }
  .gap-lg-2 {
    --gap-size: 0.5rem;
    gap: 0.5rem;
  }
  .gap-lg-3 {
    --gap-size: 1rem;
    gap: 1rem;
  }
  .gap-lg-4 {
    --gap-size: 1.5rem;
    gap: 1.5rem;
  }
  .gap-lg-5 {
    --gap-size: 2rem;
    gap: 2rem;
  }
  .gap-lg-6 {
    --gap-size: 3rem;
    gap: 3rem;
  }
}

/* Extra Large (xl): 1400px and above */
@media (min-width: 1400px) {
  /* Responsive columns for xl */
  .col-xl-1 {
    flex: 0 0 calc(8.33333333% - (var(--gap-size, 1rem) * 11 / 12));
  }
  .col-xl-2 {
    flex: 0 0 calc(16.66666667% - (var(--gap-size, 1rem) * 10 / 12));
  }
  .col-xl-3 {
    flex: 0 0 calc(25% - (var(--gap-size, 1rem) * 9 / 12));
  }
  .col-xl-4 {
    flex: 0 0 calc(33.33333333% - (var(--gap-size, 1rem) * 8 / 12));
  }
  .col-xl-5 {
    flex: 0 0 calc(41.66666667% - (var(--gap-size, 1rem) * 7 / 12));
  }
  .col-xl-6 {
    flex: 0 0 calc(50% - (var(--gap-size, 1rem) * 6 / 12));
  }
  .col-xl-7 {
    flex: 0 0 calc(58.33333333% - (var(--gap-size, 1rem) * 5 / 12));
  }
  .col-xl-8 {
    flex: 0 0 calc(66.66666667% - (var(--gap-size, 1rem) * 4 / 12));
  }
  .col-xl-9 {
    flex: 0 0 calc(75% - (var(--gap-size, 1rem) * 3 / 12));
  }
  .col-xl-10 {
    flex: 0 0 calc(83.33333333% - (var(--gap-size, 1rem) * 2 / 12));
  }
  .col-xl-11 {
    flex: 0 0 calc(91.66666667% - (var(--gap-size, 1rem) * 1 / 12));
  }
  .col-xl-12 {
    flex: 0 0 100%;
  }

  /* Responsive gaps for xl */
  .gap-xl-0 {
    --gap-size: 0;
    gap: 0;
  }
  .gap-xl-1 {
    --gap-size: 0.25rem;
    gap: 0.25rem;
  }
  .gap-xl-2 {
    --gap-size: 0.5rem;
    gap: 0.5rem;
  }
  .gap-xl-3 {
    --gap-size: 1rem;
    gap: 1rem;
  }
  .gap-xl-4 {
    --gap-size: 1.5rem;
    gap: 1.5rem;
  }
  .gap-xl-5 {
    --gap-size: 2rem;
    gap: 2rem;
  }
  .gap-xl-6 {
    --gap-size: 3rem;
    gap: 3rem;
  }
}

/* ============ FLEX UTILITY CLASSES ============ */

/* Flex Direction */
.flex-row {
  flex-direction: row;
}
.flex-row-reverse {
  flex-direction: row-reverse;
}
.flex-column {
  flex-direction: column;
}
.flex-column-reverse {
  flex-direction: column-reverse;
}

/* Flex Wrap */
.flex-wrap {
  flex-wrap: wrap;
}
.flex-nowrap {
  flex-wrap: nowrap;
}
.flex-wrap-reverse {
  flex-wrap: wrap-reverse;
}

/* Alignment */
.justify-start {
  justify-content: flex-start;
}
.justify-center {
  justify-content: center;
}
.justify-end {
  justify-content: flex-end;
}
.justify-between {
  justify-content: space-between;
}
.justify-around {
  justify-content: space-around;
}
.justify-evenly {
  justify-content: space-evenly;
}

.align-start {
  align-items: flex-start;
}
.align-center {
  align-items: center;
}
.align-end {
  align-items: flex-end;
}
.align-stretch {
  align-items: stretch;
}
/* Header starts*/

/* wpml customisation */

.wpml-ls-legacy-dropdown a {
  padding: 0 !important;
  border-radius: 0 !important;
  font-weight:500;
  color:var(--neutral-darkest-grey);
}

.wpml-ls-legacy-dropdown a {
  border: none !important;
}

.wpml-ls-legacy-dropdown .wpml-ls-sub-menu {
  border-top: none !important;
  padding: 10px 0px !important;
}

.wpml-ls-legacy-dropdown a.wpml-ls-item-toggle:after {
  top: calc(50% - 3px) !important;
}

.wpml-ls-legacy-dropdown {
  width: 73px !important;
}

.language-select {
  width: auto !important;
}

.wpml-ls-legacy-dropdown .wpml-ls-current-language:hover > a,
.wpml-ls-legacy-dropdown a:focus,
.wpml-ls-legacy-dropdown a:hover {
  background: none !important;
}

/* wpml customisation end */
.main-header-wrapper {
  background-color: #fff;
  min-height:96px; 
}
header.header { min-height:80px;  
    position: relative;
    z-index: 99; }
header.header.is-sticky > .main-header-wrapper {
  position: fixed;
  z-index: 9999;
  left: 0;
  right: 0;
  top: 0;
}
.main-header-wrapper {
  box-shadow: 0 8px 12px -6px rgba(0, 0, 0, 0.12);
}
.top-bar {
  background: linear-gradient(
    90deg,
    var(--secondary-egg-shell-blue) 0%,
    var(--secondary-phlox-flame) 100%
  );
}

.top-bar .container {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  padding: 7px 60px;
}

ul.top-bar-menu {
  list-style: none;
  display: flex;
  margin: 0;
  padding: 0;
}

ul.top-bar-menu li {
  display: flex;
  align-items: center;
}

ul.top-bar-menu li a {
  text-decoration: none;
  color: var(--neutral-white);
  font-size: 14px;
  line-height: normal;
  font-weight: 400;
}

ul.top-bar-menu li:not(:first-child)::before {
  content: "";
  display: inline-block;
  width: 1px;
  height: 18px;
  background-color: var(--neutral-white);
  /* 1px vertical line */
  margin: 0 15px;
}

.main-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 30px 60px;
  background-color: var(--neutral-white);
  box-sizing: border-box;
  max-width: var(--container-width);
  margin: 0px auto;
}

.header-left {
  display: flex;
  align-items: center;
  gap: clamp(20px, 4vw, 100px);
}

.main-nav {
  display: flex;
  list-style: none;
  margin: 0;
  padding: 0;
  gap: 20px;
  align-items:center;
  position: relative;
}

.main-nav li a {
  text-decoration: none;
  color: var(--neutral-darkest-grey);
  font-weight: 400;
  font-size: 16px;
  line-height: normal;
  text-align: center;
}

.header-tools {
  display: flex;
  align-items: center;
  gap: 20px;
}
a.primary-button:hover,
a.primary-button-l:hover,
.secondary-button-l:hover {
  background: linear-gradient(90deg, #38c9d6, #cf24ff);
  background-size: 300% 300%;
  animation: gradientMove 2s ease infinite;
}
@keyframes gradientMove {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}
.header-search {
  display: flex;
  align-items: center;
  padding: 10px 14px;
  background-color: #efefef;
  border-radius: 7px;
  min-width: 130px;
  width: min-content;
  gap:8px;
}

.header-search .search-icon img {
  display: block;
  width: 20px;
  height: 20px;
}

.header-search input {
  border: none;
  background: #EFEFEF;
  outline: none;
  font-size: 16px;
  width: 100%;
  color: #26262c;
  font-weight: 400;
}

.header-search input::placeholder {
  color: #26262c;
}

button.menu-toggle,
button.menu-close {
  display: none;
}

.language-select {
  display: flex;
  align-items: center;
  gap: 8px;
  width: 125px;
}

.language-globe {
  width: 18px;
  height: 18px;
  display: block;
}
.wpml-ls-legacy-dropdown a {
  padding: 14px 10px;
  border-radius: 7px;
}
.language-dropdown {
  border: none;
  background: transparent;
  font-size: 16px;
  font-weight: 500;
  cursor: pointer;
  padding-right: 18px;
  appearance: none;
  background-image: url("data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L5 5L9 1' stroke='%23000' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right center;
}

.wpml-ls-legacy-dropdown a.wpml-ls-item-toggle:after {
  content: "";
  position: absolute;
  right: 8px;
  width: 6px;
  height: 6px;
  border: none;
  border-right: 2px solid #000;
  border-bottom: 2px solid #000;
  transform: translateY(-50%) rotate(45deg);
  margin-top: 0px;
}

.language-dropdown:focus {
  outline: none;
}

img.site-logo__img {
  width: 116px;
}



/* Mega-menu Styles */
.mega-menu {
  position: absolute;
  left: 0;
  top: 25px;
  width: 820px;
  z-index: 100;
  padding-top: 45px;
  display: none;
	text-align:left;
}
.main-nav .mega-trigger a{
	color: var(--neutral-darkest-grey);
	}
.main-nav .mega-trigger a.mega-trigger-anchor:hover, .main-nav .mega-trigger.open a.mega-trigger-anchor{
	color:var(--primary-dark-amethyst);	    
}
.mega-trigger:hover .mega-menu {
  display: block;
}
/* Mega inner */
.mega-inner {
  display: grid;
  grid-template-columns: 330px 1fr;
  align-items: start;
	max-height:560px;
	overflow:hidden;
  border-radius: 17px;
  padding: 40px 30px;
  border: 1px solid #EFF0F6;
background: var(--neutral-white);
box-shadow: 0 4px 9px 0 rgba(15, 25, 45, 0.08);
}

/* Mega Left Wrapper */
.mega-left li {
  list-style: none;
  padding-left: 12px;
}

.mega-parent > a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 6px 12px;
  border-radius: 7px;
  font-weight: 500;
  color: var(--text-dark);
  text-decoration: none;
}

.mega-parent:hover > a,
.mega-parent.active > a {
  background: var(--secondary-phlox-flame);
  color: #fff;
}

.mega-parent > a::after {
	content: '';   
	background-image: url('/wp-content/uploads/2025/12/Vector.svg');
    height: 14px;
    width: 11px;
    background-size: contain;
    background-repeat: no-repeat;
}.mega-parent{
	padding-right:30px;
	padding-bottom:12px;
}
.mega-left .mega-left-heading,.mega-right-wrapper .mega-right-heading{
	font-family: Poppins;
	font-size: 16px;
	font-weight: 700;
	line-height: normal;
	color: var(--neutral-darkest-grey);
	padding-bottom:13px;
	margin-bottom:24px;
	border-bottom:1px solid #63626A;
}

/* Mega Right Wrapper */
.mega-right {
  display: none;
}

.mega-right.active {
  display: block;
	padding-left:50px;	
	padding-top:24px;
	border-left: 1px solid #63626A;
}
.mega-right-wrapper .mega-right.active{  
	max-height:450px;
	overflow:overlay;
	overflow-y: auto;
	scrollbar-width:thin;
	text-align:left;
}
.mega-right li {
  list-style: none;
  margin-bottom: 10px;
}

.mega-right a {
  color: var(--text-dark);
  text-decoration: none;
  font-size: 15px;
}

.mega-right a:hover {
  color: var(--primary-dark-amethyst);
}
.mega-right-wrapper .mega-right-heading{
	padding-left:50px;
	margin-bottom:0;
}

/* =========================================================
   TOP-LEVEL NAV ITEM
========================================================= */
.mega-trigger > a {
  display: flex;
  align-items: center;
  gap: 6px;
}

.mega-trigger.menu-item-has-children > a.mega-trigger-anchor::after {
  content: '';   
    height: 24px;
    width: 24px;
	 background-color: var(--neutral-darkest-grey);
  -webkit-mask: url("/wp-content/uploads/2025/12/icon-park-solid_up-one.svg") no-repeat center;
  mask: url("/wp-content/uploads/2025/12/icon-park-solid_up-one.svg") no-repeat center;
  -webkit-mask-size: contain;
  mask-size: contain;
    rotate: 90deg;
}
.mega-trigger.menu-item-has-children.open > a.mega-trigger-anchor:after{
	rotate:270deg;
	background-color:var(--primary-dark-amethyst);
}
.mobile-header-tools { display: none; }
.nav-wrapper .mobile-btn{
		display: none;
	}
.header-search input{
	 -webkit-appearance: none;
    appearance: none;
}
.mega-toggle,
.mega-sub-toggle {
  display:none;
  background: none;
  border: none;
  padding: 0;
  width: 24px;
  height: 24px;
  cursor: pointer;
  flex-shrink: 0;
  color: var(--neutral-darkest-grey);
  position:absolute;
  right:12px;
  top:8px;
}

.mega-toggle::before,
.mega-sub-toggle::before {
  content: '';
  display: block;
  width: 100%;
  height: 100%;
  background-color: currentColor;
  -webkit-mask: url('/wp-content/uploads/2025/12/icon-park-solid_up-one.svg') no-repeat center;
  mask: url('/wp-content/uploads/2025/12/icon-park-solid_up-one.svg') no-repeat center;
  -webkit-mask-size: contain;
  mask-size: contain;
  transform: rotate(90deg);
  transition: transform 0.3s ease;
}
.mega-sub-toggle::before{
  -webkit-mask: url('/wp-content/uploads/2025/12/Vector.svg') no-repeat center;
  mask: url('/wp-content/uploads/2025/12/Vector.svg') no-repeat center;

}
.mega-trigger.open .mega-toggle::before {
  transform: rotate(-90deg);
  color: var(--neutral-white);
}

.mega-parent.active .mega-sub-toggle::before {
  transform: rotate(-90deg);
  color: var(--neutral-white);
}

/* =========================================================
   MOBILE STYLES
========================================================= */
@media (max-width: 1300px) {

  .mega-menu {
    position: static;
    width: 100%;
    padding: 0;
    box-shadow: none;
    border-radius: 0;
		display: block;
		text-align:left;
    max-height: 0;
    overflow: hidden;
    opacity: 0;
    transform: translateY(-6px);
    transition:
      max-height 0.35s ease,
      opacity 0.25s ease,
      transform 0.25s ease;
  }
	.mega-parent {
    position: relative;
		padding:0;
  }
	.mega-left .mega-left-heading, .mega-right-wrapper .mega-right-heading{
		display:none;
	}
	

  .menu-item.open .mega-menu {
    max-height: 2000px; 
    opacity: 1;
    transform: translateY(0);
  }

  .mega-inner {
    display: block;
    max-height: none;
    overflow: visible;
    padding: 16px;
		background-color: #F7D9FF;
		border-radius:7px;
		margin-bottom:17px;
  }

  .mega-left {
    border: 0;
    padding: 0;
  }

  .mega-parent > a {
    background: var(--Neutral-Light-Grey);
    color: #fff;
		padding-top:2px;
		border-radius:0;
  }
	.mega-parent > a.open{
		border-radius:7px;
	}
	.mega-parent:hover > a, .mega-parent.active > a{
		background: var(--Secondary-Phlox-flame);

	}

  .mega-right-wrapper {
    max-height: none;
    overflow: visible;
    padding: 0;
  }

  .mega-right {
    display: none;
    background: var(--primary-dark-amethyst);
    border-radius: 0px 0 12px 12px;
    padding: 12px;
  }

  .mega-right.active {
    display: block;
  }

  .mega-right a {
    color: #fff;
    display: block;
    border-radius: 6px;
  }

  /*.mega-right a:hover {
    background: rgba(255,255,255,.15);
  }*/
	
  button.menu-toggle {
    display: flex;
		flex-direction: column;
    gap: 6px;
    background: none;
    border: none;
    padding: 0;
    cursor: pointer;
  }
	.nav-wrapper.active .mobile-header-tools{
		display:block;
	}
 .mobile-header-tools { 
		padding:0 60px;
	}

  .mobile-header-tools button.menu-close {
    display: block;
    background: none;
    border: none;
    font-size: 24px;
		font-weight:400;
    cursor: pointer;
		color:#221133;
		 -webkit-tap-highlight-color: transparent;

  }
@supports (-webkit-touch-callout: none) {

  .mobile-header-tools button.menu-close {
    opacity: 0.6; 
		font-size:35px;
		
  }

}
  .header-left .main-nav {
    display: none;
  }
  .nav-wrapper.active {
    transform: translateX(0);
  }

  .nav-wrapper .main-nav {
    display: flex;
    flex-direction: column;
    gap: 28px;
		padding: 0 60px;
		margin-bottom:30px;
		max-height:74%;
		overflow:overlay;
  }
	.menu-toggle span {
    display: block;
    width: 26px;
    height: 2px;
    background: #26262c;
  }
	.header-right {
    display: none; 
  }
   .nav-wrapper {
    position: fixed;
    inset: 0;
    background: var(--neutral-white);
    padding: 80px 0;
    transform: translateX(-100%);
    transition: transform 0.35s ease;
    z-index: 99;
    display: flex;
    flex-direction: column;
  }

  .nav-wrapper.active {
    transform: translateX(0);
  }
	.nav-wrapper .mobile-btn{
		display:block;
		margin:0 60px;
		text-align:center;
	}

  
	.mobile-header-tools .header-search {
    max-width: 100%;
		margin-bottom:24px;
		background-color:#EFEFEF;
		width:auto;
  }

  .mobile-header-tools .language-select {
    width: 100%;
    justify-content: flex-start;
  }

  .mobile-header-tools .primary-button {
    width: 100%;
    text-align: center;
  }
	.mobile-header-tools .mobile-head-logo{
		display:flex;
		justify-content:space-between;
		align-items:center;
		padding-bottom:30px;
		border-bottom:1px solid #E4E4E4;
		margin:0 -60px 20px;
	}
	.mobile-header-tools .mobile-head-logo .site-logo{
		padding-left:60px;
	}
	.mobile-header-tools .mobile-head-lang{
		display:flex;
		align-items:center;
		gap:36px;
		padding-right:60px;
	}
	.main-nav .mega-trigger{
		width:100%;
		position:relative;
	}
	.main-nav .mega-trigger a.mega-trigger-anchor{
		  display: inline-flex;
      width: 100%;
      padding: 8px 12px;
      justify-content: space-between;
		border-radius:7px;
		background: var(--neutral-light-grey);
		font-weight:500;
	}
	.mega-trigger.menu-item-has-children > a.mega-trigger-anchor::after{
		height:24px;
		width:24px;
		rotate: none;
	}
	.mega-trigger.menu-item-has-children.open > a.mega-trigger-anchor:after{
		rotate:90deg;
		background-color:var(--neutral-white);
	}
	.mega-trigger.open .mega-parent.active{
		background: var(--primary-dark-amethyst);
    border-radius: 12px 12px 0px 0px;
		padding-top:14px;
		border:1px solid #574AE2;
	}
	.mega-trigger.menu-item-has-children.open > a.mega-trigger-anchor{
	background: var(--secondary-phlox-flame);
	color: var( --neutral-white);
		border-radius:7px;
}
	.mega-trigger.open .mega-parent.active a{
		color:var(--neutral-white);
	}
	.main-nav li a{
		text-align:left;
	}
	.mega-right.active{
		padding:0;
		margin-bottom:20px;
		
	}
	.mega-right .mega-panel.menu-item{
		padding-left: 16px;
    padding-bottom: 16px;
    margin: 0;
	}
	.mega-right .mega-panel.menu-item:first-child{
		padding-top:16px;
	}
	.mega-right.active .mega-panel a{
		color:var(--neutral-white);
		font-size:14px;
		font-weight:400;
	}
	.mega-left li.mega-parent{
		padding:0;
	}
	.mega-left li.mega-parent.active{
		padding:4px;
	}
	.mega-parent > a::after{
		content: '';
    height: 20px;
    width: 20px;
    background-color: var(--neutral-darkest-grey);
    -webkit-mask: url('/wp-content/uploads/2025/12/Vector.svg') no-repeat center;
    mask: url('/wp-content/uploads/2025/12/Vector.svg') no-repeat center;
    -webkit-mask-size: contain;
    mask-size: contain;
	}
	.mega-parent.active > a::after{
		background-color: var(--neutral-white);
		rotate:270deg;
	}
	.language-select .wpml-ls-legacy-dropdown .wpml-ls-flag{
		height:20px;
		width:20px;
	}
	.mega-left .mega-parent > a{
		padding-bottom:12px;
		padding-top:12px;
		border-bottom:1px solid #fff;
		font-size:14px;
	}
	.mega-left .mega-parent.active > a{
		border-bottom:none;
	}
	.mega-left li.mega-parent:last-of-type > a{
		border-bottom:none;
	}
	.mega-parent:hover > a{
		color:var(--neutral-darkest-grey);
	}
	.mega-toggle,
	.mega-sub-toggle{
		display:block;
	}
	.mega-trigger.menu-item-has-children > a.mega-trigger-anchor::after,.mega-parent > a::after{
		display:none;
	}
}
@media only screen and (max-width:767px){
	.nav-wrapper .main-nav,.mobile-header-tools{
		padding: 0 20px;
	}
	.nav-wrapper{
		padding:30px 0;
	}
	
	.nav-wrapper .mobile-btn{
		margin:0 20px;
	}
	.main-header{
		padding:30px 40px;
	}
	img.custom-logo{
		width:82px;
	}
	.nav-wrapper .main-nav{
		gap:8px;
	}
	.mega-inner{
		padding:10px;		
		padding-bottom:16px;
	}
}

/* Header ends*/

/*Banner start */
.hero-right-video video {
    width: 100%;
    height: auto;
    border-radius: 10px;
    display: block;
    object-fit: cover;
}
.hero-right-img img {
  width: 100%;
}
.hero-right-img {
 display: flex;
align-content: center;
justify-content: center;
}

.finance-row video {
    width: 100%;
    border-radius: 40px;
    height: 100%;
    object-fit: fill;
}.finance-row .img-video.text-center, .finance-row .rounded-4, .finance-row .rounded-4 img {
    height: 100%;
width:100%;
}
.hero-banner {
  position: relative;
  overflow: hidden;
}
video{
border-radius:10px;
}
.col-md-5.hero-image {
  display: flex;
  align-content: center;
  align-items: center;
}.hero-right-video {
    width: 100%;    min-height: 200px;
}
.hero-banner .container {
  padding-top: 60px;
  padding-bottom: 60px;
}
.hero-banner.swap-desktop .hero-text {
  order: 2;
}
.hero-banner.swap-desktop .hero-image {
  order: 1;
}

.hero-bg {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.hero-bg-wrapper {
  position: absolute;
  inset: 0;
  z-index: -1;
}
section.hero-banner {
  background-position: center;
  background-size: cover;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  min-height:600px;
}

section.hero-banner h1 {
  color: var(--neutral-white);
}

span.highlight {
  background: var(
    --g,
    linear-gradient(
      174deg,
      #6200b3 0.26%,
      #574ae2 27.97%,
      #38c9d6 70.72%,
      #b5f9ff 101.75%
    )
  );
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.button-group a {
  display: inline-block;
  width: max-content;
  height: 51px;
}

.button-group {
  display: flex;
  gap: 24px;
}

section.hero-banner h4 {
  color: var(--neutral-white);
  padding-top: 14px;
  padding-bottom: 40px;
  width: 80%;
font-size:22px;
}

img.custom-logo {
  width: 116px;
  height: auto;
  aspect-ratio: 116 / 35;
}
/* .hero-right-img {
    text-align: center;
} */
.hero-right-img img {
  height: auto;
}

.home .hero-right-img img {
  width: 65%;
}
.col-md-6.hero-image {
    display: flex;
    align-items: center;
}
.client-logo-slider {
  overflow: hidden;
  width: 100%;
}
.client-logo-slider.swiper-initialized {
  visibility: visible;
}
.client-logo-slider{
	min-height:120px;
}.client-logo-slider .swiper-wrapper {
  display: flex;
  align-items: center;
}
.hero-right-video video{
aspect-ratio:16/9;
}
.hero-banner,.finance-section,.pacera_products,	.diffrent-section,.case-studies-section {
	background-color: #010106;
	contain: paint;
}


/*cs responsive*/
@media (min-width: 767px) and (max-width: 1024px) {
	.hero-banner .row{
		flex-wrap: nowrap;
	}
}

section.client-logo-slider {
  padding: 0px;
	background: var(--neutral-white);
	width:100vw;
}

.client-logo-slider .logo-track {
  display: flex;
  animation: logoScroll 20s linear infinite;
  animation-direction: reverse;
}

.client-logo-slider .logo-item {
  /*   flex: 0 0 calc(100vw / 7); */
  /*   padding: 20px; */
  display: flex;
  align-items: center;
  justify-content: center;
}
.swiper-slide.logo-item {
  width: auto !important;
  padding-top:36px;
  padding-bottom:36px;
}
.client-logo-slider .logo-item img {
  max-height: 50px;
  max-width: 177px;
	min-height:50px;
  width: auto;
  object-fit: contain;
}
.logo-track {
  gap: 54px;
  padding: 36px 0px;
}
.client-logo-slider {
  overflow: hidden;
  padding: 40px 0;
}

.logo-swiper {
  width: 100%;
}

.logo-item {
  display: flex;
  align-items: center;
  justify-content: center;
}

.logo-item img {
  max-height: 60px;
  width: auto;
}

.logo-swiper .swiper-wrapper {
  transition-timing-function: linear !important;
}

@keyframes logoScroll {
  from {
    transform: translateX(0);
  }

  to {
    transform: translateX(-50%);
  }
}
/* finance-section start */

.finance-section {
  position: relative;
  overflow: hidden;
}
.finance-section iframe {
    width: 100%;
    height: 100%;
}
.finance-section svg {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 1;
}
.finance-section .container {
  display: flex;
  flex-direction: column;
  gap: 40px;
  position: relative;
  margin: 0px auto;
  z-index: 2;
}

.finance-col1 {
  border: 1px;
  border-radius: 40px;
  color: var(--neutral-white);
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--neutral-table-grey);
overflow:hidden;
}
.finance-col2 p {
  font-weight: 400;
  line-height: normal;
  font-size: 20px;    color: #26262C;
}
.finance-col2 .primary-button {
  margin-top: 10px;  font-size: 16px;text-align:center;
}
.finance-col3 p {
  font-size: 20px;
  font-weight: 400;
  line-height: normal;color: #221133;
}
.finance-col1 img {
  width: 100%;
  border-radius: 34px;
display:flex;
}
.icon {
  padding-top: 25px;
}
.icon img {
  width: 48px;
  height: 48px;
}
.finance-col2 > div {
  padding: 24px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.075);
  background-color: #fff;
  border-radius: 34px;
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 32px;
}
.row.finance-row {
  gap: 30px;
}
.finance-col3 > div {
  box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
  border-radius: 34px;
  width: 100%;
  display: flex;
  flex-direction: column;
  background-color: #fff;
}

.finance-col3 img {
  width: 100%;
  border-top-left-radius: 34px;
  border-top-right-radius: 34px;
}

.finance-col3 p {
  display: flex;
  flex-grow: 1;
  justify-content: center;
  align-items: center;
  padding: 16px 20px;
}

/* Pacera Products start */

.pacera_products,
.finance-section,
.what-makes-section {
  background: #01060e;
}
section.pacera_products > p {
    font-size: 20px;
}
.pacera_products .container {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 40px;
  flex-direction: column;
  margin: 0px auto;
  padding-bottom: 90px;
}

.section-header {
  margin: 0px auto;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.section-header * {
  color: var(--neutral-white);
  text-align: center;
}

.products-card {
  padding: 34px;
  border-radius: 34px;
  /* border: 5px solid #cf24ff;
  background: linear-gradient(180deg, #cf24ff 0%, #7c1699 100%);
  box-shadow: 0 8px 48px 0 rgba(10, 61, 42, 0.08); */
}
.container-slider {
  z-index: 8;
}
.products-card.products-card1 {
  /*   border: 5px solid var(--Secondary-Electric-Indigo, #574ae2);
  background: linear-gradient(180deg, #574ae2 0%, #30297c 100%);
  box-shadow: 0 8px 48px 0 rgba(10, 61, 42, 0.08); */
}
.products-card.products-card2 {
  /*  border: 5px solid var(--Secondary-Egg-shell-blue, #38c9d6);
  background: linear-gradient(180deg, #38c9d6 0%, #1d6970 100%);
  box-shadow: 0 8px 48px 0 rgba(10, 61, 42, 0.08);*/
}
.products-card {
  background: linear-gradient(135deg, var(--bg-primary), var(--bg-secondary));
}

.products-card img {
  width: 100%;
}
.products-card h2 {
  font-size: 32px;
}
.products-card-body p {
  font-size: 16px;
  line-height: normal;
  font-weight: 500;
  padding-bottom: 47px;
}
.products-card .products-card-body {
  color: var(--neutral-white);
}
.products-card .products-card-body .title {
  margin-top: 29px;
  margin-bottom: 17px;
}

.products-card .text {
  padding-bottom: 47px;
}

.product-card-button {
  display: inline-flex;
  padding: 10px 11px 10px 106px;
  justify-content: center;
  align-items: center;
  gap: 55px;
  border-radius: 37px;
  background: var(--neutral-white);
  color: var(--Primary-Midnight-Pearl, #213);
  /* font-family: Inter; */
  font-size: 17px;
  font-style: normal;
  font-weight: 700;
  line-height: 19.8px;
  color: var(--Primary-Midnight-Pearl, #213);
  text-decoration: none;
  margin-top: auto;
  width: 100%;
}
.product-card-button {
  background: #fff;
  border-radius: 50px;
  padding: 8px 10px 8px 24px;
  display: inline-flex;
  align-items: center;
  gap: 16px;
  text-decoration: none;
  font-weight: 600;
}

/* Arrow circle */
.product-card-button .arrow {
  background-color: #278f98;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding-top: 27px;
  flex-shrink: 0;
}

/* Arrow icon */
.product-card-button .arrow img {
  width: 14px;
  height: auto;
  display: block;
  margin-top: -25px;
}

.product-card-button svg {
  display: flex;
  width: 40px;
  height: 40px;
  padding: 13.5px 11px;
  justify-content: center;
  align-items: center;
  aspect-ratio: 1/1;
  border-radius: 20px;
  background: var(--Secondary-Electric-Indigo, #574ae2);
}

.pacera-products-btn {
  padding-top: 40px;
}

/*Pacera products slider*/

.pacera-products-slide {
  width: 100%;
}

.pacera-products-slide .swiper-wrapper {
  display: flex;
  align-items: stretch;
}

.pacera-products-slide .swiper-slide {
  display: flex;
  flex-direction: column;
  height: 100%;
  height: auto;
  display: flex;
}

.pacera-products-custom-nav {
  padding: 60px 0px;
  display: none;
  justify-content: center;
  align-items: center;
  gap: 20px;
}

.paceraprev,
.paceranext {
  border-radius: 8px;
  width: 50px;
  height: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}

.paceranext, .paceraprev {
  background: #fff;
}
.paceranext:hover svg path, .paceraprev:hover svg path  {
    fill: #fff !important;
}.paceraprev svg path {
    fill: #000;
}
.paceranext:hover, .paceraprev:hover {
    background-color: #6200b3;
}
@media (max-width: 1400px) {
  .pacera-products-custom-nav {
    display: flex;
  }
  .pacera-products-btn {
    padding-top: 0px;
  }
  .pacera_products > .container {
    padding-left:0px;
	  padding-right:0px;
  }
}

@media (max-width: 768px) {
  .product-card-button {
    display: inline-flex;
    padding: 10px 11px 10px 10px;
  }
}

/*Pacera products slider end*/

/* Pacera Products end */

/* What makes us different Section - start */
.diffrent-section {
  background: #000;
}

.diffrent-section .featured-boxes {
  display: flex;
  justify-content: center;
}.diffrent-section .section-header p, section.pacera_products .section-header p{
    font-size: 20px;
}

.diffrent-section .feature-box {
  border-radius: 17px;
  background: #fff;
  padding: 42px 22px 32px 22px;
  box-sizing: border-box;
  align-items: stretch;
}

.diffrent-section .feature-box h5 {
  color: #213;
   font-family: var(--font-family-base);
  font-style: normal;
  font-weight: 700;
  line-height: 24px;
  margin-bottom: 15px;
}

.diffrent-section .feature-box img {
  width: 50px;
  height: 50px;
  margin-bottom: 26px;
  aspect-ratio: 1/1;
  stroke-width: 4px;
  stroke: #213;
}

.diffrent-section .section-header {
  margin-bottom: 40px;
}

.diffrent-section .difference-item {
  display: flex;
  padding: 40px 120px;
  gap: 35px;
  flex-wrap: wrap;
  justify-content: center;
}

.diffrent-section .Text-parah {
  color: var(--Text-Primary-Text2, #fff);
  text-align: center;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

.four-grid-column h1 {
  color: #fff;
  text-align: center;
  font-size: 36px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}

/* What makes us different Section - ends */
/* resourses section start */
.resources-section .section-header {
  margin-bottom: 40px;
	display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.resources-section .section-header p{
	font-size:20px;
	width:51%
}
.resources-section {
	background: linear-gradient(0deg, #000 0%, rgba(0, 0, 0, 0.00) 80.87%);
  	position: relative;
  	background: #000;
	background-repeat: no-repeat;
    background-size: cover;
    background-position: bottom;
 
}

.resources-section > img {
  position: absolute;
  z-index: 1;
}

.resources-section .container {
  position: relative;
  z-index: 2;
}

.resources-section .event-section {
  display: flex;
  column-gap: 24px;
  row-gap: 40px;
  flex-wrap: wrap;
  justify-content: center;
}

.resources-section .resource-heading {
  color: #fff;
  text-align: center;
  font-size: 36px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  margin-bottom: 40px;
}

.resources-section .event-container {
  border-radius: 25px;
  background: #fff;
  padding: 18px;
  padding-bottom: 35px;
}

.resources-section .meta {
  display: flex;
  justify-content: space-between;
  margin-bottom: 10px;
  margin-top: 10px;
}

.resources-section .tag {
  padding: 2px 11px;
  border-radius: 20px;
  font-size: 12px;
  color: white;
}

.resources-section .tag.webinar {
  border-radius: 30px;
  border: 1px solid rgba(255, 255, 255, 0.05);
  color: #fff;
  text-align: center;
  background-color: #cf24ff;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

.resources-section .tag.blog {
  border-radius: 30px;
  border: 1px solid rgba(255, 255, 255, 0.05);
  color: #fff;
  text-align: center;
  background-color: #38c9d6;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

.resources-section .tag.news {
  border-radius: 30px;
  border: 1px solid rgba(255, 255, 255, 0.05);
  color: #fff;
  text-align: center;
  background-color: #574ae2;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

.resources-section .date {
  color: #26262c;
  text-align: right;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
}

.resources-section .event-content h3 {
  color: #213;
  margin-top: 30px;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}

.resources-section .event-content p {
  color: #213;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

.resources-section .button {
  margin-top: 30px;
  color: #cf24ff;
  border-radius: 7px;
  background-color: #ffffff;
  border: 2px solid #cf24ff;
  font-size: 14px;
  font-weight: 700;
  padding: 9px 26px;
  cursor: pointer;
}

.resources-section .button:hover {
  background-color: #cf24ff;
  color: #ffffff;
  border: 2px solid #cf24ff;
  transition: 0.3s ease;
}

.resources-section .event-img img {
  width: 100%;
  aspect-ratio: 16 / 9;
  height: auto;
  object-fit: cover;
  object-position: top;
  border-top-right-radius: 20px;
  border-top-left-radius: 20px;
}

.eventcontainer-tab , .eventcontainer-tab-new {
  display: none;
}



@media (min-width: 768px) and (max-width: 1024px) {
  .eventcontainer-tab, .eventcontainer-tab-new  {
    display: block;
  }
  .event-container-main {
    display: none;
  }
 .resources-section .container {
    padding: 40px 0px;
  }
  .eventcontainer-tab .swiper-wrapper, .eventcontainer-tab-new .swiper-wrapper {
    margin-left: -10%;
  }
}
@media (max-width: 600px) {
.resources-section .section-header p{
	width:100%
}
}


/*Events section end*/

/* resourses section end */
/* case studies start */
section.case-study-section::before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    pointer-events: none;
    z-index: 1;
    /* top: 0; */
    height: 220px;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0.6) 30%, rgba(0, 0, 0, 0.25) 60%, rgba(0, 0, 0, 0) 100%);
}section.case-study-section .container {
    position: relative;
    z-index: 2;
}
.card-content a {
  text-decoration: none;
}.case-image {
    width: 100%;
}
.case-studies-section {
  width: 100%;
  background: linear-gradient(
    0deg,
    rgba(54, 17, 86, 0.9) 0%,
    rgba(119, 37, 188, 0) 100%
  );
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  min-height:700px;
}

.case-studies-section .container-slider {
  position: relative;
  padding: 0 45px;
}

.case-studies-section .section-header {
  margin-bottom: 40px;
}

.arrow.left.case-prev,
.arrow.right.case-next {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 9999;
  cursor: pointer;
}
.arrow.left.case-prev {
  left: 0;
}
.arrow.right.case-next {
  right: 0;
}

.case-studies {
  padding: 70px 0;
  max-width: 1127px;
}

.case-studies .swiper-slide {
  background: #fff;
  border-radius: 20px;
  transition: transform 0.4s ease, z-index 0.4s ease;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 30px;
  font-weight: bold;
  border-radius: 34px;
  border: 10px solid #fff;
  z-index: 1;
}

.case-studies .swiper-slide-active {
  transform: scale(1.2) !important;
  z-index: 3;
  box-shadow: 0 15px 35px rgba(0, 0, 0, 0.15);
}
.card-content {
  padding: 5px 10px 27px 10px;
}
.case-studies .swiper-wrapper {
  overflow: visible !important;
}

.case-studies .card-content h3 {
  color: #213;
  font-size: 20px;
  font-weight: 700;
  padding-top: 9px;
  padding-bottom: 16px;
}

.case-studies .card-content p {
  font-size: 16px;
  color: #213;
}

.case-studies .tags {
  margin: 15px 0;
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
}

.case-studies .tag {
  margin-top: 10px;
  padding: 2px 12px;
  background: #f0f0f0;
  border-radius: 30px;
  border: 1px solid #d5d5d6;
  color: #383844;
  font-size: 12px;
}

.case-studies .learn-btn {
  margin-top: 30px;
  color: #cf24ff;
  border-radius: 7px;
  background-color: #ffffff;
  border: 2px solid #cf24ff;
  font-size: 14px;
  font-weight: 700;
  padding: 9px 26px;
  margin-bottom: 22px;
  cursor: pointer;
}
.case-studies .learn-btn:hover {
  background-color: #cf24ff;
  color: #ffffff;
  border: 2px solid #cf24ff;
  transition: 0.3s ease;
}

.case-studies .card.swiper-slide {
  display: flex;
  flex-direction: column;
  width: 450px;
}

.case-studies img {
  width: 100%;
  height: 315px;
  border-radius: 34px 34px 0px 0px;
  object-fit: cover;
}

.case-studies-section .tertiary-button,
.resources-section .tertiary-button-l {
  margin: 0px auto;
  display: block;
  width: max-content;
  margin-top: 40px;
  font-size:14px;
}
.case-studies .tags {
  margin-bottom: 35px;
}

.case-studies.cs-mob {
  display: none;
}

/*cs responsive*/
@media (min-width: 767px) and (max-width: 1024px) {
  .case-studies-section .arrow.left,
  .case-studies-section .arrow.right {
    display: none;
  }
  .case-studies-section .container {
    padding: 40px 0px;
  }
  .case-studies {
    padding: 75px 0;
  }
  .case-studies-section .container-slider {
    padding: 0;
  }
}

@media (max-width: 767px) {
  .swiper.case-studies {
    display: none;
  }
  .case-studies.cs-mob {
    display: flex;
    flex-direction: column;
    padding: 0;
    gap: 30px;
  }
  .case-studies-section .arrow.left,
  .case-studies-section .arrow.right {
    display: none;
  }
  .case-studies .card {
    background: #fff;
    border-radius: 20px;
    transition: transform 0.4s ease, z-index 0.4s ease;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    font-size: 30px;
    font-weight: bold;
    border-radius: 34px;
    border: 10px solid #fff;
    z-index: 1;
  }
}

/* case studies end */
/* Footer start*/
/* .footer-cta iframe {
  background-color: #fff;
  padding: 30px 40px;
  border-radius: 17px;
  height: 640px !important;
} pre*/

.footer-cta iframe {
  background-color: #fff;
  border-radius: 17px;
}

span.footer-arrow {
  display: none;
}a.footer-career-link svg {
    width: 38px;
    padding-left: 0px;
}
footer.site-footer {
  background: #2d0152;
  padding-top: 10px;
  padding-bottom: 3px;
}
h6.footer-title {
  font-size: 14px;
  color: var(--neutral-outline-grey);
  font-weight: 600;
  line-height: normal;
  padding-bottom: 14px;
  text-transform: uppercase;
}
ul.footer-menu a {
  font-weight: 400;
  line-height: normal;
  color: #fff;
  text-decoration: none;
  font-size: 16px;
}
ul.footer-menu {
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 19px;
}
.site-footer .footer-top {
  column-gap: 74px;
  grid-template-columns: 160px repeat(5, 1fr);
  padding-bottom: 99px;
}
.site-footer .description p {
  color: #fff;
  font-weight: 400;
  line-height: normal;
  margin-bottom: 9px;
}
a.footer-career-link {
  font-weight: 500;
  text-decoration: none;
  color: #fff;
display:flex;
align-items:center;
}
a.footer-career-link svg{
padding-left:12px;
}
.footer-social.text-end a {
  text-decoration: none;
}
.footer-social.text-end {
  margin-top: 31px;
  gap: 12px;
  display: flex;
  align-items: center;
}
ul.footer-bottom-menu li a {
  text-decoration: none;
  color: #fff;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
}
ul.footer-bottom-menu {
  list-style: none;
  display: flex;
  gap: 28px;
}
.footer-copy {
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  color: #fff;
}
.footer-bottom {
  display: flex;
  align-items: center;
  gap: 28px;
  padding-top: 43px;
  justify-content: flex-end;
}
hr.footer-divider {
  border: none;
  border-top: 1px solid #6200b3;
  opacity: 1;
}
.footer-reviews {
  display: flex;
  align-items: center;
  gap: 44px;
  align-content: center;
  justify-content: center;
  padding-bottom: 35px;
}
.finance-section {
  padding-top: 60px;
  min-height:730px;
}
.pacera_products {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  min-height:665px;
}

.col-4.products-card.flex-column {
  display: flex;
}
.product-card-button {
  position: relative;
  display: inline-flex;
  align-items: center;
  padding: 14px 20px;
  border-radius: 999px;
  background: #fff;
  text-decoration: none;
  overflow: hidden;
}
.pacera-products-btn {
  margin-bottom: 60px;
  text-align: center;
}
.product-card-button .btn-text {
  font-weight: 600;
  z-index: 2;
}

.product-card-button .arrow {
  position: absolute;
  right: 5px;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: transform 0.4s ease;
}

.footer-column.careers{
	flex:1;
}

.footer-review-item img {
   width: auto;
}

/* 🔁 On hover, move arrow LEFT toward text */
.product-card-button:hover .arrow {
  transform: translateX(-60px);
}
.diffrent-section {
  background: #000;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  min-height:300px;
}section.pacera_products h2 , section.diffrent-section h2{
    padding-bottom: 12px;
}
/* Home end */

@media (min-width: 1024px) {
  .site-footer .col-lg-2 {
    flex: 0 0 calc(12.666667% - (var(--gap-size, 1rem) * 10 / 12));
	  flex:1;
  }
}
/* Footer end */
/* responsive */
@media (max-width: 1024px) {
  .case-studies-section .arrow {
    top: 80%;
  }

  .gap-116 {
    --gap-size: 2rem;
    gap: 2rem;
  }

  .case-studies-section .slider-swipe {
    padding-right: 20px;
    padding-left: 20px;
  }
  .case-studies-section .card.active {
    transform: scale(1);
  }
  .case-studies-section .card {
    flex: 0 0 calc(50% - 20px);
    margin: 0 10px;
    width: auto;
  }

  .case-studies-section h2 {
    font-size: 32px;
  }

  .case-studies-section .arrow.left {
    left: 5px;
  }
  .case-studies-section .arrow.right {
    right: 5px;
  }
}

/**/
@media (max-width: 767px) {
  .case-studies-section .slider-swipe {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .case-studies-section .card {
    flex: 0 0 80%;
    margin: 2 6%;
    transform: scale(1);
  }

  .case-studies-section .card.active {
    transform: scale(1);
  }

  .case-studies-section h2 {
    font-size: 24px;
  }

  .case-studies-section .container-slider {
    padding: 0px;
  }
	.case-studies img {
    height: 100%;
  }
}

/* */
/* @media (max-width: 480px) {

    .slider-container {
        padding: 0 10px;
    }

    .card {
        flex: 0 0 100%;
        margin: 0;
        border-radius: 28px;
    }

    .card-content h3 {
        font-size: 18px;
    }

    .card-content p {
        font-size: 14px;
    }

    .learn-btn {
        padding: 8px 20px;
        font-size: 13px;
    }

    h2 {
        font-size: 22px;
    }

    .arrow {
        top: 40%;
        
    }
} */

/*case studies section end*/

/*Home end */

@media (max-width: 991px) {
  .menu-toggle {
    display: flex;
    flex-direction: column;
    gap: 6px;
    background: none;
    border: none;
    padding: 0;
    cursor: pointer;
  }
  span.footer-arrow {
    display: block;
  }

  .mobile-tools {
    margin-top: 40px;
    display: flex;
    flex-direction: column;
    gap: 24px;
  }

  .mobile-tools .header-search {
    max-width: 100%;
  }

  .mobile-tools .language-select {
    justify-content: flex-start;
  }

  .nav-wrapper.active + .menu-toggle {
    display: none;
  }

  .top-bar {
    display: flex;
    justify-content: center;
  }

  .site-footer .footer-column .footer-menu {
    display: none !important;
  }

  .site-footer .footer-column.active .footer-menu {
    display: flex !important;
    padding-bottom: 16px;
  }
  .careers h6.footer-title {
    padding-left: 0px;
  }
  h6.footer-title {
    padding-bottom: 17px;
  }
  footer.site-footer .container {
    padding-left: 0px;
    padding-right: 0px;
  }
  ul.footer-menu,
  h6.footer-title,
  a.footer-logo {
    padding-left: 32px;
    padding-right: 32px;
  }
  .footer-logo-main {
    margin-bottom: 21px;
  }
  .footer-title {
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
  }

  .footer-arrow svg {
    display: block;
  }
  .footer-column.careers {
    padding-left: 32px;
    padding-right: 32px;
    padding-bottom: 16px;
  }
}

@media (min-width: 1400px) {
  /* .container,
  .container-lg,
  .container-md,
  .container-sm,
  .container-xl,
  .container-xxl {
    margin: 0px;
  } */
}

/* Tablet */
@media (max-width: 1024px) {
  .container {
    padding: 40px 40px;
  }

  section.hero-banner {
    padding: 0px;
  }

  h1,
  .heading1 {
    font-size: 42px;
  }

  h2,
  .heading2 {
    font-size: 32px;
  }

  h3,
  .heading3 {
    font-size: 32px;
  }

  .client-logo-slider .logo-item {
    flex: 0 0 calc(100vw / 5);
  }
  .footer-reviews {
    width: 20px;
    display: block;
    width: 100%;
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 4px;
    align-items: center;
    text-align: left;
    padding: 0px 20px;
    margin-bottom: 20px;
  }
  .site-footer .footer-top {
    padding-bottom: 31px;
  }
  .footer-column {
    border-bottom: 1px solid #525252;
  }
  .footer-column.careers {
    border: none;
  }
  ul.footer-bottom-menu {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    row-gap: 17px;
    column-gap: 22px;
  }
  .footer-copy {
    margin-top: 17px;
  }
  .footer-bottom {
    display: block;
    padding: 20px 40px;
  }
  .menu-toggle {
    display: flex;
    flex-direction: column;
    gap: 6px;
    background: none;
    border: none;
    padding: 0;
    cursor: pointer;
  }
  span.footer-arrow {
    display: block;
  }
  .site-footer .footer-column .footer-menu {
    display: none !important;
  }

  .site-footer .footer-column.active .footer-menu {
    display: flex !important;
    padding-bottom: 16px;
  }
  .careers h6.footer-title {
    padding-left: 0px;
  }
  h6.footer-title {
    padding-bottom: 17px;
  }
  footer.site-footer .container {
    padding-left: 0px;
    padding-right: 0px;
  }
  ul.footer-menu,
  h6.footer-title,
  a.footer-logo {
    padding-left: 32px;
    padding-right: 32px;
  }
  .footer-logo-main {
    margin-bottom: 21px;
  }
  .footer-title {
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
  }
  .footer-arrow svg {
    display: block;
  }
  .footer-column.careers {
    padding-left: 32px;
    padding-right: 32px;
    padding-bottom: 16px;
  }
  .footer-reviews {
    text-align: center;
  }
  .finance-col1 {
    order: 3;
  }
  .finance-col2 {
    order: 1;
  }
  .finance-col3 {
    order: 2;
  }
}
@media (min-width: 1225px) and (max-width: 1395px) {
  .site-footer .footer-top {
    column-gap: 60px;
  }
}
@media (min-width: 1025px) and (max-width: 1225px) {
  .site-footer .footer-top {
    column-gap: 38px;
  }
  .footer-column {
    border-bottom: none;
  }
  .footer-bottom {
    justify-content: space-between;
  }
}
/* Mobile */
@media (max-width: 768px) {
  .container,
  section.hero-banner {
    padding: 40px 20px;
  }
	section.hero-banner {
		min-height:380px;
		background-attachment: scroll; 
    	will-change: auto;
	}
	.finance-section,
  .pacera_products,
  .case-studies-section,
  .resources-section {
    content-visibility: auto;
    contain-intrinsic-size: 600px;
  }

  h1,
  .heading1 {
    font-size: 42px;
  }

  h2,
  .heading2 {
    font-size: 24px;
  }

  h3,
  .heading3 {
    font-size: 30px;
  }

  .client-logo-slider .logo-item {
    flex: 0 0 calc(100vw / 3);
  }
  .top-bar {
    display: none;
  }

  /*Home page */
  section.hero-banner h4 {
    padding-top: 16px;
  }
  .button-group {
    display: grid;
    gap: 18px;
  }
  .button-group a {
    display: block;
    width: 100%;
    text-align: center;
  }
  .hero-right-img {
    margin-top: 20px;
    margin-bottom: 20px;
  }
  .hero-banner .container {
    padding: 0px;
  }
  .hero-banner.swap-mobile .hero-text {
    order: 2;
  }
  .hero-banner.swap-mobile .hero-image {
    order: 1;
  }
  .hide-mobile .col-md-5.hero-image {
    display: none;
  }
  .footer-column.careers {
    padding-top: 12px;
    border: none;
  }
  .careers h6.footer-title {
    padding-bottom: 12px;
  }
  .careers p.description {
    margin-bottom: 17px;
  }
  .footer-social.text-end {
    margin-top: 70px;
  }
  .footer-column.careers {
    padding-bottom: 32px;
  }
  .footer-bottom {
    padding-top: 34px;
  }
  .footer-reviews {
    text-align: left;
  }
  .footer-bottom {
    display: block;
    padding: 40px 20px;
  }
  ul.footer-bottom-menu {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    row-gap: 17px;
    column-gap: 22px;
  }
  .footer-copy {
    margin-top: 17px;
  }
  footer.site-footer .container {
    padding-bottom: 0px;
  }
  .footer-reviews {
display:none;
    /*display: grid;*/
    grid-template-columns: repeat(3, 1fr);
    text-align: left;
    padding: 0px 20px;
    margin-bottom: 20px;
  }
  .finance-col1 {
    order: 3;
  }
  .finance-col2 {
    order: 1;
  }
  .finance-col3 {
    order: 2;
  }
/* .footer-cta iframe {
    height: 720px !important;
} pre mobile override*/
  /*Home page end*/
}

/*footer cta start*/

.footer-cta {
  background: linear-gradient(to bottom, #000 30%, #2d0152 30%);
  padding-bottom: 40px;
  /*z-index: 999;*/
  position: relative;
  margin-bottom: -2px;
}

.footer-cta .cta-wraper {
  border-radius: 34px;
  background: #fff;
  border-radius: 34px;
  padding: 6px;
  background: linear-gradient(180deg, #38c9d6 0%, #cf24ff 100%);
  display: flex;
  gap: 112px;
  justify-content: space-between;
}

.footer-cta .cta-wraper > div {
  padding: 48px 40px;
  position: relative;
  overflow: hidden;
  z-index: 1;
  border-radius: 34px;
}

.footer-cta .bg-img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: -1;
}

.footer-cta h2 {
  color: var(--neutral-white);
 font-family: var(--font-family-base);
  font-weight: 700;
  line-height: normal;
  margin-bottom: 16px;
}

.footer-cta p {
  color: var(--neutral-white);
font-family: var(--font-family-base);
  font-size: 20px;
  font-weight: 400;
  margin-bottom: 104px;
}
.footer-cta .trust {
  color: var(--neutral-white);
 font-family: var(--font-family-base);
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  margin-bottom: 32px;
}
.footer-cta .trust-clients {
  display: flex;
  align-items: center;
  gap: 38px;
  margin-bottom: 170px;
}

.footer-cta .trust-clients img {
  object-fit: contain;
}

.footer-cta .form {
  border-radius: 17px;
  background: linear-gradient(180deg, #38c9d6 0%, #cf24ff 100%);
  padding: 5px;
}

.footer-cta .form img {
  border-radius: 17px;
  width: 100%;
  height: 100%;
}

.footer-cta .left-box {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: space-between;
}

@media (max-width: 1024px) {
  .footer-cta .trust,
  .footer-cta .trust-clients,
  .footer-cta .bg-img {
    display: none;
  }
.site-footer .col-lg-2{
		flex:0 0 100%;
	}
  .footer-cta .row {
    gap: 40px;
  }
  .footer-cta p {
    margin-bottom: 0;
  }
  .footer-cta h2 {
    font-size: 32px;
  }

  .footer-cta h2,
  .footer-cta p {
    text-align: center;
  }
  .footer-cta .cta-wraper {
    background: transparent;
  }
  .footer-cta {
    background: linear-gradient(to bottom, #000 70%, #2d0152 30%);
  }
  .footer-cta .cta-wraper > div {
    padding: 0;
  }
  .footer-cta .cta-wraper > div {
    border-radius: 0;
  }
  .footer-cta .form {
    margin: 0px auto;
  }
}

@media (max-width: 768px) {
  .footer-cta {
    padding-bottom: 15px;
  }
  .footer-cta h2,
  .footer-cta p {
    text-align: left;
  }

  .footer-cta p {
    font-size: 16px;
  }
  .footer-cta h2 {
    font-size: 24px;
    margin-bottom: 10px;
  }
}

/* footer cta end */

/* footer cta alt start */

.footer-cta-alt {
  background: linear-gradient(to bottom, #000 30%, #2d0152 30%);
  padding-bottom: 40px;
  z-index: 999;
  position: relative;
}

.footer-cta-alt .cta-wraper {
  border-radius: 34px;
  background: #fff;
  border-radius: 34px;
  padding: 6px;
  background: linear-gradient(180deg, #38c9d6 0%, #cf24ff 100%);
  display: flex;
  gap: 112px;
  justify-content: space-between;
}

.footer-cta-alt .cta-wraper > div {
  padding: 115px 40px;
  position: relative;
  overflow: hidden;
  z-index: 1;
  border-radius: 34px;
  width: 100%;
}

.footer-cta-alt .bg-img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: -1;
}

.footer-cta-alt h2 {
  color: var(--neutral-white);
font-family: var(--font-family-base);
  font-weight: 700;
  line-height: normal;
  margin: 0px auto;
  margin-bottom: 30px;
  text-align: center;
  max-width: 857px;
}

.footer-cta-alt p {
  text-align: center;
  color: var(--neutral-white);
  font-family: var(--font-family-base);
  font-size: 20px;
  font-weight: 400;
  margin-bottom: 44px;
line-height:normal;
}
.footer-cta-alt a {
  margin: 0px auto;
  display: block;
  width: max-content;
  font-size: 16px;
  border-radius: 7px;
  width: 183px;
  text-align: center;
  height: 50px;
}

.footer-cta-alt .row div {
  width: 100%;
}

@media (max-width: 1024px) {
  .footer-cta-alt h2 {
    font-size: 32px;
  }
  .footer-cta {
    background: linear-gradient(to bottom, #000 70%, #2d0152 30%);
  }.finance-col1 {
    min-height: 280px;
}
.hero-banner .container {
  padding-top: 40px;
  padding-bottom: 40px;
}
}

@media (max-width: 767px) {
/*   .footer-cta-alt {
    padding: 20px 20px 40px 20px;
  } */

  .footer-cta p {
    font-size: 16px;
  }
  .footer-cta h2 {
    font-size: 24px;
    margin-bottom: 10px;
  }

  .footer-cta-alt .cta-wraper > div {
    padding: 40px;
  }
	.case-studies-section .card:nth-child(n+4) {
    display: none;
	}.products-card{
padding:33px 31px;
}
.resources-section .button, .case-studies .learn-btn {
    display: block;
    text-align: center;
}    .hero-banner .container {
        padding: 0px 20px;
	}
}
@media (max-width: 768px) {
.resources-section .button {
    display: block;
    text-align: center;
}
}

/* footer cta alt end */

/*Product Page Aico finance automation start*/

/* keyfeatures section start */

.key-features {
  background-color: #000;
  color: #fff;
}

.key-features .section-header{
	margin-bottom:46px;
}

.key-features .swiper-container {
  display: flex;
  align-items: center;
}

.key-features .section-title {
  text-align: center;
  font-size: 2.5rem;
  font-weight: 800;
  margin-bottom: 50px;
  letter-spacing: -0.5px;
}

.key-features .features-container {
  display: flex;
  gap: 60px;
}
/* 
.key-features .swiper-container{
	 min-height: 500px;
} */

/* Timeline */
.key-features .timeline-nav {
  position: relative;
  padding-left: 30px;
  height: max-content;
  width:40%;
}

.key-features .swiper-container{
	width:60%;
}

.key-features .timeline-line {
  position: absolute;
  left: 40px;
  top: 0px;
  bottom: 12px;
  width: 1px;
  height: 93%;
  background: linear-gradient(270deg, #cf24ff 0%, var(--pl-primary) 99.59%);
  transform: translateX(-50%);
  z-index: 1;
}

.key-features .timeline-items {
  display: flex;
  flex-direction: column;
  height: 100%;
  gap: 70px;
}

.key-features .timeline-item {
  display: flex;
  align-items: start;
  gap: 10px;
  cursor: pointer;
  border-radius: 12px;
  transition: 0.3s ease;
}

.key-features .timeline-dot {
  position: relative;
  z-index: 2;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: var(--primary-dark-amethyst);
  display: flex;
  align-items: center;
  justify-content: center;
}

.key-features .timeline-dot::before {
  content: "";
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background: var(--primary-dark-amethyst);
  transition: 0.3s;
	position:relative;
	z-index:2;
}

.key-features .timeline-item:last-child .timeline-dot::after {
    content: "";
    border-radius: 50%;
    transition: 0.3s;
    background: #000000;
    height: 200%;
    width: 100%;
    position: absolute;
	z-index:1;
    top: 20px;
}



/*.key-features .timeline-content {
  display: flex;
  flex-direction: column;
  gap: 8px;
}*/

.key-features .timeline-title {
  color: #333;
  font-size: 32px;
  font-weight: 600;
  line-height: 1;
  transform: translateX(5px);
  padding-right: 30px;
  margin-top:-5px;
}

.key-features .timeline-item.active .timeline-title {
  color: var(--neutral-white);
}

.key-features .timeline-subtitle {
  font-size: 0.9rem;
  color: #666;
}

/* Swiper */
.key-features .swiper {
  height: 650px;
  border-radius: 16px;
/*   height: 100%; */
}

.key-features .feature-card {
  border-radius: 24px;
  background: var(--Primary-Midnight-Pearl, #213);
    border: 5px solid var(--Primary-Midnight-Pearl, #213);
  box-shadow: 0 4px 4px 0 rgba(123, 123, 123, 0.16);
  display: flex;
  flex-direction: column;
  justify-content: center;
  position: relative;
  padding: 25px 30px;
}

.key-features .swiper-slide.swiper-slide-active.feature-card{
      background: linear-gradient(180deg, var(--pl-feature-primary,#38C9D6) 0%, var(--pl-feature-secondary, #38C9D6) 100%);
	  border: 5px solid var(--pl-primary, #38C9D6);
}

.key-features .card-content {
  padding: 0;
  display: flex;
 /* justify-content: center;*/
  align-items: center;
  gap: 54px;
}

.key-features .card-title {
  font-size: 2.2rem;
  font-weight: 800;
  margin-bottom: 20px;
}

.key-features .card-description p {
    font-family: var(--font-family-base);
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 1.5em;
    min-height: calc(1.5em * 3);
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    display: -webkit-box;
}

.key-features .card-image{
	flex-shrink:0;
}

.key-features .swiper-slide.swiper-slide-active .card-description {
  color: var(--Neutral-Black, #212121);
}

.key-features .swiper-slide {
  height: auto !important;
}

.key-features .swiper-wrapper{
    align-items: stretch;
}
.key-features .timeline-item.active .timeline-dot::before {
    background: linear-gradient(180deg, var(--pl-primary) 0%, var(--pl-secondary) 100%);
    box-shadow: 0 -1.464px 1.464px 0 var(--pl-secondary) inset, 0 1.464px 1.464px 0 var(--pl-primary) inset;
    filter: drop-shadow(0 2.667px 5.333px rgba(0, 33, 47, 0.61));
    transform: scale(1.2);
}

/* Animation (DO NOT prefix keyframes) */
@keyframes pulse {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.1);
  }
  100% {
    transform: scale(1);
  }
}

.key-features .timeline-item.active .timeline-dot {
  animation: pulse 2s infinite;
}

/* Responsive */

@media (max-width: 1399px) {
  .key-features .card-content {
    flex-direction: column;
    gap: 20px;
    align-items: start;
  }
  .key-features .feature-card {
    padding: 15px 20px;
  }
}
@media (max-width: 1024px) {
	.key-features .swiper-container{
		width:100%;
	}

  .key-features .features-container {
    flex-direction: column;
  }
	
	.key-features .timeline-nav {
 	 max-width: auto;
		width:100%;
	}

  .key-features .card-description {
    font-size: 16px;
  }

  .key-features .swiper {
    height: 400px;
  }
  .key-features .card-content {
    gap: 20px;
    flex-direction: row;
    align-items: center;
  }
  .key-features .timeline-title {
    font-size: 20px;
	  line-height:1;
  }
  .key-features .timeline-items {
    gap: 25px;
  }
}

@media (max-width: 724px) {
  .key-features .card-content {
    flex-direction: column;
  }
}

/* key features section end */

/* faq section start */
.custom-faq {
  background: #000;
}

.custom-faq .section-header {
  margin-bottom:38px;
}

.custom-faq .faq-title {
  text-align: center;
  color: #fff;
  font-size: 36px;
  margin-bottom: 50px;
}

.custom-faq .faq-item {
  background: #fff;
  border-radius: 16px;
  overflow: hidden;
  padding: 30px 36px;

}

.custom-faq .faq-question {
  width: 100%;
  background: none;
  border: none;
  color: #333;
  font-family :var(--font-family-base);
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  display: flex;
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
  text-align:left;
}

.custom-faq .faq-question .faq_icon {
  width: 32px;
  height: 32px;
  border-radius: 8px;
  background: #f1f1f1;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;
  padding: 4px 0px;
  font-weight: 100;
  flex-shrink: 0;
}

.custom-faq .faq-answer {
  max-height: 0;
  color: #333;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  width: 80%;
  overflow: hidden;
  transition: max-height 0.3s ease;
  max-height: 0;
  overflow: hidden;
  padding: 0;
  transition: all 0.3s ease;
  box-sizing: content-box;
}

.custom-faq .faq-answer p {
  margin: 15px 0 20px;
  color: #555;
  line-height: 1.6;
}

/* Active */
/* .custom-faq .faq-item.active{
	padding-bottom:44px;
} */
.custom-faq .faq-item.active .faq-answer {
  max-height: 100%;
  padding-top: 20px;
}

.custom-faq .faq-item.active .faq_icon {
  color: var(--neutral-white);
  border-radius: 8px;
background: var(--Primary-Dark-Amethyst, #6200B3);
box-shadow: 0 -1px 1px 0 rgba(0, 0, 0, 0.12) inset, 0 1px 1.5px 0 rgba(255, 255, 255, 0.25) inset, 0 2px 6px 0 rgba(74, 58, 255, 0.10);
}

.faq-item:not(:last-child) {
  margin-bottom: 20px;
}

/* Responsive */
@media (max-width: 1024px) {
	.custom-faq .faq-question .faq_icon {
   		margin-left: 10px;
	}	
}

@media (max-width: 768px) {
      .custom-faq .faq-question {
        text-align: left;
		font-size:16px;
      }
	.custom-faq .faq-answer{
		font-size:14px;
	}
	.custom-faq .faq-item{
		padding:20px;
	}
	.custom-faq .faq-item.active .faq-answer {
  padding-top: 7px;
}
}

/* faq section end */
/* Modules section start */
.modules-section {
  background: #000;
  text-align: center;
}

.modules-section .modules-heading {
  color: #fff;
  font-size: 36px;
  font-weight: 700;
  margin-bottom: 60px;
}

.modules-section .modules-grid {

  margin: 0 auto;
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  gap: 24px;
}

section.modules-section h2 {
    margin-bottom: 40px;
}

.modules-section .module-card {
  border-radius: 17px;
  padding: 27px 16px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 16px;
  transition: all 0.3s ease;
  border-radius: 17px;
  border: 1px solid var(--module-primary, #38c9d6);
  background: var(--module-box-background);
}


.modules-section .module-card .icon img{
	width:30px;
	height:30px;
}

.modules-section .module-card h3 {
  font-size: 20px;
  font-weight: 600;
  line-height: 1.3;
  color: var(--Primary-Midnight-Pearl, #213);
}
.modules-section .module-card .icon {
  padding: 0px;
}
.modules-section .module-card .icon img {
  text-align: center;
}

/* Active Card */
.modules-section .module-card:hover,
.modules-section .module-card.active {
    border: 3px solid var(--module-primary, #38c9d6);
    background: linear-gradient(180deg, var(--module-primary) 0%, var(--module-secondary) 100%);
    cursor: pointer;
}
.module-card:hover .icon img {
    background-color:  var(--module-primary);
    border-radius: 100px;
    padding: 10px;
	transform:scale(2);
}
.modules-section .module-card.active h3,
.modules-section .module-card.active .icon,
.modules-section .module-card:hover h3,
.modules-section .module-card.active:hover .icon {
  color: var(--neutral-white);
}

/* Hover */
.modules-section .module-card:hover {
  transform: translateY(-4px);
}

.module-card {
  border: 6px solid var(--pl-primary);
}
 

/* Responsive */
@media (max-width: 1200px) {
  .modules-section .modules-grid {
    grid-template-columns: repeat(3, 1fr);
  }
}

@media (max-width: 768px) {
  .modules-section .modules-grid {
    grid-template-columns: repeat(1, 1fr);
  }footer.site-footer .container {
    padding-top: 0px;
}
}

/* modules section end */

/* clients section start */
.ts-section {
  background: linear-gradient(0deg, #000 0%, rgba(0, 0, 0, 0) 80.87%);
}

.ts-section {
  position: relative;
/*   background: radial-gradient(
      60% 60% at 30% 50%,
      rgba(124, 58, 237, 0.25),
      transparent 70%
    ),
    linear-gradient(180deg, #050505, #000); */
	
	background-repeat: no-repeat;
    background-size: cover;
    background-position: bottom;
  	color: #fff;
}

.ts-container {
  display: grid;
  grid-template-columns: 0.6fr 1fr;
  grid-template-rows: auto 1fr;
  gap: 83px;
  row-gap: 34px;
  align-items: start;
  padding-right: 0;
	
}

.ts-container > :nth-child(3) {
  grid-column: 1 / -1;
}

.ts-heading {
    padding-top: 17px;
    height: 100%;
    display: flex;
    flex-direction: column;
}

.ts-heading h2 {
  color: #fff;
  font-size: 36px;
  font-style: normal;
  font-weight: 700;
  margin-bottom: 30px;
  line-height: normal;
}

.ts-meta {
  display: flex;
  align-items: center;
  gap: 12px;
  color: #cfcfcf;
  margin-bottom: 30px;
}
.ts-meta .title-wraper {
  display: flex;
  flex-direction: column;
}

.ts-meta .title-wraper span {
  color: var(--Blue-pastel, #f2f9ff);
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

.ts-meta .pic-wraper img:last-child {
  margin-left: -20px;
}

.ts-meta strong {
  color: var(--neutral-white);
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}

.ts-nav {
    display: flex;
    justify-content: start;
    align-self: stretch;
    margin-bottom: 0px;
    gap: 12px;
    padding: 0;
    margin-top: auto;
}

.ts-btn {
  width: 44px;
  height: 44px;
  border-radius: 10px;
  background: #7c3aed;
  border: none;
  color: #fff;
  cursor: pointer;
  font-size: 18px;
  transition: transform 0.2s ease, opacity 0.2s ease;
}

.ts-btn:hover {
  transform: translateY(-2px);
  opacity: 0.9;
}

/* Swiper cards */
.ts-swiper {
  width: 100%;
  height: 100%;
}

.ts-swiper .swiper-slide {
  height: 100%;
  display: flex;
  flex-direction: column;
  background-color: var(--neutral-white);
  background: #fff;
  color: #000;
  border-radius: 20px;
  padding: 23px 25px 31px 35px;
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.35);
}

.ts-swiper .swiper-wrapper {
  align-items: stretch;
}
.ts-card {
  height: 100%;
}

.ts-card-logo {
  display: flex;
  justify-content: flex-end;
  margin-bottom: 18px;
}

.ts-card-quote {
  color: #121d33;
  font-size: 16px;
  font-weight: 400;
  line-height: normal;
}

.ts-author {
  display: flex;
  align-items: center;
  gap: 16px;
  margin-top: 65px;
}

.ts-avatar img {
  width: 100%;
  height: 100%;
}

.ts-author-name {
  color: var(--Neutral-Darkest-Grey, #26262c);
  font-size: 16px;
  font-weight: 600;
  line-height: normal;
}

.ts-author-role {
  color: var(--Secondary-Electric-Indigo, #574ae2);
  font-size: 12px;
  font-weight: 400;
  line-height: normal;
}

.ts-cta {
  text-align: center;
}

/* Responsive */
@media (max-width: 900px) {
  .ts-container {
    grid-template-columns: 1fr;
  }
}
/* clients section end */

/* wd section start */

.wd-section {
  background: linear-gradient(0deg, #000 0%, rgba(0, 0, 0, 0) 80.87%);
}

.wd-container {
  max-width: 1200px;
  margin: 0 auto;
  text-align: center;
}

.wd-title {
  font-size: 16px;
  font-weight: 700;
  margin-bottom: 34px;
  color: var(--neutral-white);
}

.wd-subtitle {
  color: var(--neutral-white);
  font-size: 20px;
  font-weight: 400;
  max-width: 80%;
  margin: 0 auto 35px;
}

.wd-rating {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  padding: 13px 30px;
  border-radius: 100px;
  background: linear-gradient(270deg, #38C9D6 0%, #CF24FF 100%);
  font-size: 16px;
  font-weight: 500;
  color: #00343d;
  margin-bottom: 50px;
  color: var(--neutral-white);
}

.single-products .wd-rating {
    background: linear-gradient(90deg, var(--pl-primary) 0%, var(--pl-secondary) 100%);
}

.wd-stars {
  display: flex;
    justify-content: center;
    align-items: center;
	width: 104.964px;
height: 16px;
}

.wd-stats {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 206px;
}

.wd-stat h3 {
  color: var(--neutral-white);
  font-size: 60px;
  font-weight: 400;
  line-height: normal;
  text-align: center;
}

.wd-stat p {
  color: var(--Neutral-Outline-Grey, #d5d5d6);
  font-size: 20px;
  font-weight: 400;
  text-align: center;
}

/* Decorative waves */
.wd-wave {
  position: absolute;
  inset: -20% -20% auto -20%;
  height: 140%;
  background: repeating-radial-gradient(
    circle at 30% 50%,
    rgba(255, 255, 255, 0.04) 0 2px,
    transparent 2px 14px
  );
  opacity: 0.35;
  pointer-events: none;
}

@media (max-width: 900px) {
  .wd-title {
    font-size: 34px;
  }

  .wd-stats {
    grid-template-columns: 1fr;
    gap: 40px;
  }
	
	.wd-stat h3,.wd-stat p {
  		text-align:center;
	}

}
/* wd section end */

/* ah section start */

.ah-section {
  position: relative;
  background: radial-gradient(
      70% 70% at 25% 40%,
      rgba(56, 189, 248, 0.25),
      transparent 70%
    ),
    linear-gradient(180deg, #060606, #000);
  background: #000;
  color: #fff;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI",
    sans-serif;
  overflow: hidden;
}

/* .ah-container {
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 105px;
  align-items: center;
}

.ah-mockup-wrap img {
  width: 555px;;
  height: auto;
  max-width: 100%;
  display: block;
} */

.ah-container {
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 105px;
  align-items: stretch;
}

.ah-mockup-wrap {
  display: flex;
}

.ah-mockup-wrap img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  max-width: 100%;
  display: block;
}

.ah-button-wrap {
  margin-top: 40px;
  padding-top: 24px;
  border-top: 1px solid rgba(255, 255, 255, 0.12);
}

.ah-button-wrap .primary-button {
  font-size: 17px;
  padding: 16px 34px;
  letter-spacing: 0.2px;
}

.ah-content h2 {
  color: var(--neutral-white);
  font-size: 36px;
  font-weight: 700;
  line-height: normal;
  margin-bottom: 30px;
}

.ah-points {
  display: grid;
  gap: 30px;
}

.ah-point {
  display: flex;
  gap: 22px;
  align-items: flex-start;
  color: var(--neutral-white);
  font-size: 20px;
  font-weight: 400;
  line-height: normal;
}
.ah-point p {
    display: flex;
    gap: 22px;
    align-items: flex-start;
    color: var(--neutral-white);
    font-size: 20px;
    font-weight: 400;
    line-height: normal;
}
.ah-check {
  	display: flex;
  	align-items: center;
  	justify-content: center;
    flex-shrink: 0;
}

.ah-check img {
  width:50px;
  height:50px
}

/* Divider */

/* @media (max-width: 900px) {
  .ah-container {
    grid-template-columns: 1fr;
    gap: 64px;
  }

  .ah-divider {
    display: none;
  }

  .ah-content h2 {
    font-size: 32px;
  }
} */

@media (max-width: 900px) {
  .ah-container {
    grid-template-columns: 1fr;
    gap: 64px;
  }

  .ah-divider {
    display: none;
  }

  .ah-content h2 {
    font-size: 32px;
  }

  .ah-mockup-wrap img {
    height: auto;
    aspect-ratio: 16 / 10;
    object-fit: cover;
  }

  .ah-button-wrap {
    margin-top: 32px;
    padding-top: 20px;
  }
}

@media (max-width: 900px) {
  .ah-button-wrap .primary-button {
    font-size: 16px;
    padding: 14px 28px;
    width: 100%;
    text-align: center;
  }
}

/* ah section end */

/*Product Page Aico finance automation end*/
/* search start */
.search-template form input{
    padding-right: 50px;
}h4.page-title span {
    word-wrap: break-word;
}
/* search end */

/* contact start*/
.contact-section{
	background-image:url("/wp-content/uploads/2025/12/hero-bg-banner.webp");
	background-size:cover;
	background-position: center;
    background-repeat: no-repeat;
    min-height:710px
}

 .contact-title{
	font-family: var(--font-family-base);
	font-size:60px;
	color:var( --neutral-white);
	line-height: 110%;
	 margin-bottom:12px;
}
.contact-title .title-grand{
	 background: linear-gradient(174deg, #6200B3 0.26%, #574AE2 27.97%, #38C9D6 70.72%, #B5F9FF 101.75%);
	 background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	 font-weight: 600;
}

.contact-description p{
	margin-top:12px;
	padding-right:60px;
	font-family: var(--font-family-base);
	font-weight:500;
	font-size:24px;
	color:var( --neutral-white);
    line-height:normal;
}

.book-btn{
	font-family: var(--font-family-base);
    color:var( --neutral-white);
	border-radius:100px;
	margin-bottom:20px;
	padding:7px 24px;
	cursor: pointer;
	border: 1px solid var(--pl-primary);
  	transition: all 0.3s ease;
	background: linear-gradient(180deg, #38C9D6 0%, #CF24FF 100%);
    font-size:16px;
	font-weight:500;
    line-height:normal;	
	
}
.demo-form-box iframe {
    background-color: #fff;
    padding: 30px 40px;
    border-radius: 17px;
    height: 630px !important;
}.page-contact .demo-form-box iframe{
	    height: 710px !important;
}
.Trust-text{
	color:var( --neutral-white);
	margin-top:172px;
	margin-bottom:33px;
}

/* book a demo page*/
.Trust-text-logo{
	color:var( --neutral-white);
	margin-top:172px;
	margin-bottom:33px;
}

.Trusted-col{
	display:flex;
	gap:38px;	
}

.Trusted-col img{
	margin-bottom:40px;
}

.contact-form-box{
	border-radius: 17px;
	background-image: linear-gradient(0deg, #38C9D6, #CF24FF);
	height: 577px;
	padding:5px;
}

.demo-form-box{
	border-radius: 17px;
	background-image: linear-gradient(0deg, #CF24FF, #38C9D6);
	height: auto;
	padding:5px;
	
}
/* Responsive - Banner section */
@media(max-width: 530px){
.demo-form-box iframe {
    height: 720px !important;
}
	.page-contact .demo-form-box iframe {
    height: 800px !important;
}
}
@media (max-width: 1024px){
	.contact-banner{
		row-gap:60px;
		flex-wrap: wrap;
	}
	.contact-description{
		padding-right:0px;
	}
	.contact-title{
		font-size:42px;
	}
	.contact-banner > .col-lg-6,
	.contact-banner > .col-md-6{
		flex: 0 0 100%;
		max-width: 100%;
	}
}

@media (max-width: 768px){
	.Trusted-col {
		flex-wrap: wrap;
	 	row-gap: 0;
	}
}

/* Banner section ends */

/* Contact support section - starts */

.support-contact-area {
	background-repeat: no-repeat;
    background-position: bottom;
    background-size: cover;
}

.support-section{
	gap:10px;
}

.support-contact-info {
 	height: 100%;
  	padding:62px 56px 72px 56px;
  	border-radius: 34px;
	
  	background: linear-gradient(180deg, #6200B3 0%, #2A004D 100%);
  	color:var( --neutral-white);
  	font-family: var(--font-primary);
}

.support-contact-info h2 {
	font-family: var(--font-primary);
	font-size:36px; 
	font-weight:700;
	margin-bottom:20px;
	
}

.support-contact-info h5 {
  	font-size:var( --font-h5-size);
  	font-weight: 400;
  	margin-bottom:20px;
	padding-right:10px;
}

.support-contact-info .support-note {
  	font-weight: 600;
  	font-size:var( --font-h5-size);
}

.support-contact-box {
  	border-radius: 34px;
  	background: linear-gradient(180deg, #6200B3 0%, #2A004D 100%);
  	padding: 65px 61px 0 61px;
  	height: 100%;
}

.support-contact-box img {
  
  	height: 100%;
	width:100%;
  	object-fit: cover;  
	display: block;
}
	.contact-left {
	min-height: 100%;
}
/* Responsive - Support section */

@media (max-width: 1024px){
	.row.support-section{
		row-gap:40px;
		
	}
	.support-contact-info h2 {
		font-size:32px;
	}
	.support-section{
		        flex-wrap: nowrap;
	}
	.support-section > .col-lg-4,
	.support-section > .col-md-5,
	.support-section > .col-lg-8,
	.support-section > .col-md-7{
		flex: 0 0 100%;
		max-width: 100%;
	}
	.support-contact-box img {
		width:100%;
	}
	.support-contact-info {
		padding: 30px;
	}
	.support-contact-box {
		padding:30px 30px 0 30px;
	}
}

/* Contact support section - ends */
/* contact end */

/* Product Landing page start */
.overview .shadow-rwos .skew-rows-2 .wrapper img,
.overview .shadow-rwos .skew-rows-1 .wrapper img {
    width: 100px;
    height: 100%;
}
.shadow-rwos .wrapper {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}.pic-wraper img {
    border-radius: 60px;
    width: 60px;
    border: 2px solid #FFF;
    height: 60px;
}.ts-avatar img {
    width: 54px;
    height: 54px;
    border-radius: 54px;
}.finance-col1 img {
    height: auto !important;
    align-items: flex-end;
    align-content: flex-end;
}.rounded-4.bg-white.border {
    display: flex;
    align-items: flex-end;
    align-content: flex-end;
}
.arrow:hover svg path {
    fill: #fff;
}
/* Product Landing page end */

/*Produts Single Page*/
/* banner start */


.Product-single-banner {
    
    min-height: 500px;
    width: 100%;
    position: relative;
    display: flex;
    align-items: center;
    background-position: bottom;
    background-size: cover;
    background-repeat: no-repeat;
}


.Product-single-bg-wrapper {
    position: absolute;
    inset: 0;
    z-index: -1;
}

.Product-single-bg-wrapper img {
    height: 100%;
    width: 100%;
     background-color: #221133;
}

.Product-single-banner .row {
    flex-wrap: nowrap;
	align-items:center;
	justify-content:space-between;
/* 	gap:40px; */
}
.Product-single-banner .container .image-bg{
	text-align:start;
}


.page-products .Product-single-banner .content-wrapper{
	    max-width: 100%;
}


.page-products .Product-single-banner .image-bg img {
    width: 100%;
    min-height: 426px;
    object-fit: cover;
}



.Product-single-banner .title {
    color: var(--text-primary-text2,#fff);
    margin-bottom:12px
}

.Product-single-banner .description-banner p {
    color: var(--text-primary-text2,#fff);
	font-family: var(--font-family-base,'sans-serif');
	font-size: 24px;
	font-weight: 500;
	line-height: normal;
	margin-bottom:40px;
}



.Product-single-banner.design-2 .image-bg img {
    padding: 0px;
}

.single-products span.title-grand {
	background: unset;
	color: var(--pl-primary);
	-webkit-text-fill-color: unset; 
}

@media (max-width:1024px) {
	.Product-single-banner .description-banner {
		width: 100%;min-height: 100px;
}
	.Product-single-banner .image-bg img{
		height:auto
	}
	
}
@media (max-width:900px) {
	.Product-single-banner .container{
		padding:40px 20px
	}
    .Product-single-banner .row {
		gap:40px;
		display: flex;
        flex-direction: column;
    }
	
	.Product-single-banner .image-bg img {  
		width: auto;
	}
	
	.Product-single-banner .content-wrapper{
	    max-width: 100%;
   }

}

@media (max-width:768) {
/* 	.Product-single-banner .container{
		padding:40px 20px
	} */
}
/* banner end */

/* overview-start */


.overview {

	background-repeat:no-repeat;
	background-size:cover;
	background-position:right;
    position: relative;
    color: #fff

}

.overview .description {
    width: 28%;
}

.overview .title {
    width: 30%;
    margin-bottom: 12px;
}

.overview-bg-wrapper {
    position: absolute;
    inset: 0;
}

.overview-bg-wrapper img {
    height: 100%;
    width: 100%;
	background-image:url(/wp-content/uploads/2025/12/home-banner.webp);
		background-repeat:no-repeat;
	background-size:cover;
	background-position:top;
	  background-blend-mode: lighten;
    background: linear-gradient(180deg, #083274 -59.2%, #000000 70.15%);
}

.overview .wrapper {
    padding: 59px 0 103px 0;

}

.overview .data-wrapper {
    position: relative;

}

.overview .data-wrapper .skew-rows-1 {
    position: absolute;
    z-index: 2;
    top: 6.5%;
    left: 26.5%;
    width: 78%;
}

.overview .data-wrapper .skew-rows-2 {
    position: absolute;
    z-index: 2;
    top: 33.7%;
    left: 35.9%;
    width: 74%;
}

.overview .data-wrapper .skew-rows-3 {
    width: 100%;
    position: absolute;
    z-index: 2;
    top: 61.9%;
    left: 45.1%;
	width: 65%;
}
.overview .shadow-rwos .skew-rows-2 .wrapper img,
.overview .shadow-rwos .skew-rows-1 .wrapper img{
	width: 100px !important;
    height: 100% !important;
}

.overview .shadow-rwos .skew-rows-3 .wrapper img{
	width: 156px !important;
height: 24px !important;
}

.overview .data-wrapper .shadow-rwos {
    padding-left: 80px;
    position: relative;
    margin-bottom: 20px;
}


.overview .data-wrapper .shadow-rwos .wrapper {
    display: flex;
    gap: 36px;
/*     padding: 20px 0; */
}
.overview .data-wrapper .skew-rows-1 .shadow-rwos .wrapper{
    padding:20px 0 22px 0
}
.overview .data-wrapper .skew-rows-2 .shadow-rwos .wrapper{
      padding: 10px 0 15px 0;
}

.overview .data-wrapper .skew-rows-3 .shadow-rwos .wrapper{
    padding:20px 0 22px 0
}



.overview .data-wrapper .shadow-rwos .wrapper p {
    margin-bottom: 0;
}


.overview .shadow-rwos::before {
    content: " ";
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: -1;
    background: linear-gradient(270.01deg, rgba(87, 74, 226, 0) 13.71%, rgba(207, 36, 255, 0.5) 99.99%);
/* 	background: linear-gradient(270.01deg, rgb(21 0 249 / 0%) 13.71%, #e900ff 99.99%); */
/* 	background: linear-gradient(90deg, #E625B3 0%, #7E3AF2 50%, #4D39E9 100%); */
    /* transform-origin: top right; */
    -ms-transform: skew(53deg, 0deg);
    -webkit-transform: skew(53deg, 0deg);
    transform: skew(47.1deg, 0deg);
  background-size: cover;
  z-index: -1;
}

@media(max-width:1249px){
	.overview .data-wrapper .shadow-rwos .wrapper{
		gap:10px;
	}
}

@media (max-width:1173px){
	.overview .title {
   width:100%;
}
	.overview .wrapper {
    padding: 0 0 40px 0;
}


	
.overview .data-wrapper .skew-rows-1 .shadow-rwos .wrapper,
.overview .data-wrapper .skew-rows-2 .shadow-rwos .wrapper,
.overview .data-wrapper .skew-rows-3 .shadow-rwos .wrapper{
    padding:20px 0 20px 0
}

.overview .data-wrapper .skew-rows-3 .shadow-rwos {
    margin-bottom: 0px;
}

	.overview .data-wrapper .shadow-rwos .wrapper img{
		height:40px;
		height: 40px;
        max-width: 93px;
        object-fit: contain;
	}
	.overview .data-wrapper .shadow-rwos{
		padding-left:36px;
	}
	
.overview .data-wrapper .skew-rows-2 .shadow-rwos .wrapper p {
    margin-bottom: 0;
}
.overview .shadow-rwos::before {
	 transform:skew(26.1deg, 0deg)
}

		.overview .data-wrapper .skew-rows-2,
	.overview .data-wrapper .skew-rows-1,
	.overview .data-wrapper .skew-rows-3{	
		    position: relative;
    z-index: 2;
    top: unset;
    left: 3%;
    width: unset;
	}
	
	.overview .description{
		width:100%
	}

}


@media (max-width:1025px){
.overview .shadow-rwos::before {
	 transform:skew(34.1deg, 0deg)
}
}

@media (max-width:767px){
	.overview .data-wrapper .shadow-rwos .wrapper p{
		font-size:14px;
	}
	    .overview .data-wrapper .shadow-rwos .wrapper img {
			max-width: 50px;
	}
/* 	.overview .title {
    width: 59%;   
}
	.overview .data-wrapper .shadow-rwos {
    padding-left: 45px;
}
	.overview .wrapper {
    padding: 20px 0 40px 0;
}
	.overview .data-wrapper .shadow-rwos .wrapper{
		display:block
	}
	.overview .data-wrapper .shadow-rwos .wrapper img{
		margin-bottom:20px
	} */
}

/* overview end */

/*Product Single Page End*/
/*Product client logo start*/

.client-logo-section {
/*     overflow: hidden; */
/*     padding-top: 21px !important; */
	width: 100vw;
	position:relative;
}
.wd-section.pl-client-logos .wd-subtitle{
	padding-bottom:21px;
	
}
.clientSwiper {
    margin-bottom: 10px;
}
.content-section {
    text-align: center;
	padding:0px 20px;
}
section.wd-section {
    padding-top:40px;
    padding-bottom:40px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}section.wd-section.difference {
    padding-top: 0px;
}
.clientSwiper .swiper-slide {
    width: auto;
    padding: 10px 7px;
    background: #fff;
    border-radius: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.brand-logo img,
.brand-logo svg
{
    position: absolute;
    top: 67%;
    left: 50%;
	width:261px;
    transform: translate(-50%, -50%);
	z-index:5;
}
section.wd-section {
    position: relative;z-index:2;
}
.clientSwiper img {
    height: 40px;
    width: 79px;
    filter: grayscale(100%);
    transition: all 0.3s ease;
	object-fit:contain;
}
.clientSwiper img:hover {
    filter: none;
    opacity: 1;
}
.swiper-wrapper {
    transition-timing-function: linear !important;
}

/* aico stories section start */
.resources-section.stories .meta {
    align-items: center;
}
.stories .event-img img {
    max-height: 200px !important;
}
.client-logo-stories {
    padding: 20px;
    background-color: #fff;
    border-radius: 100%;
   border: 1px solid #E4E4E7;
    width: 100px;
    height: 100px;
    position: absolute;
    right: 20px;
    bottom: 0;
}
.client-logo-stories img {
    object-fit: contain;
    height: 100%;
    width: 100%;
}
 
.stories .meta{
    margin-bottom: 10px;
    margin-top: 10px;
    position: relative;
}
/*aico stories sectionend*/
.Product-single-banner.design-2 .image-bg img {
    background: no-repeat;
}
.Product-single-banner.design-2 button.book-btn {
    background: linear-gradient(90deg, var(--pl-primary) 0%, var(--pl-secondary) 100%);
}

/*Product client logo end*/
/*    AICO CLOSING SECTION */

.aico-closing {
  background: radial-gradient(circle at top right, #0c1b2d, #000);
	background-position: right top;
    background-size: cover;
    background-repeat: no-repeat;
}
.aico-closing__content,.aico-closing__content p,
.aico-closing__card--info p,.aico-closing__card--quote p {
    color: var(--Primary-Midnight-Pearl, #213);
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}


.aico-closing__row {
  align-items: stretch;
}

.aico-closing__column {
  display: flex;
}

.aico-closing__column--middle {
  flex-direction: column;
}

.aico-closing__card {
  border-radius: 34px;
  display: flex;
  flex-direction: column;
  width: 100%;
}

.aico-closing__card--info.aico-closing__card--info--main {
background: var(--pl-feature-primary);
  padding: 36px 42px;;
}

.aico-closing__card--info {
background: var(--pl-feature-primary);
  padding: 31px;
}

section.aico-closing h2 {
    color: #FFF;
    text-align: center;
    font-size: 36px;
    font-style: normal;
    line-height: normal;
    padding-bottom: 40px;
	max-width: 690px;
    margin: 0px auto;
	font-weight: 700;
}

.aico-closing__card--grow {
  flex: 1;
  margin-bottom: 27px;
}

.aico-closing__image {
  margin-bottom: 20px;
}

.aico-closing__image img {
  width: 100%;
  height: auto;
  display: block;
  border-radius: 12px;
}

.aico-closing__card--image {
  background: #ffffff;
  padding: 0px;
  justify-content: center;
  align-items: center;
}

.aico-closing__card--image img {
  width: 100%;
  height: 100%;
  max-height: 100%;
  object-fit: cover;
  border-radius: 12px;
}




.aico-closing__card--quote {
  background: linear-gradient(135deg, #0dcaf0, #4ddcff);
  padding: 30px;
  display: flex;
  align-items: left;
  border-radius: 34px;
  flex-shrink: 0;
}

.aico-closing__quote-mark {
  font-size: 40px;
  font-weight: 700;
  margin-right: 15px;
  color: #6f2dbd;
  line-height: 1;
}

.aico-closing__card--quote p {
  margin: 0;
  font-weight: 500;
}

.aico-closing__card--info p + p {
  margin-top: 10px;
}

@media (max-width: 1024px) {

	section.aico-closing h2{
		font-size:32px;
	}
	.aico-closing {
        background-size:  cover;
	}

}

@media (max-width: 768px) {

	section.aico-closing h2{
		font-size:24px;
	}
	

}
/*    AICO CLOSING SECTION end*/


/* about us start */
.page-about-us .Product-single-banner .image-bg img{
	box-shadow: 0 0 100px 30px rgba(98, 0, 179, 0.30);
}

.about-banner {
    background-position: center;
    background-size: cover;
    width: 100%;
    padding: 19px 9px;
    position: relative;
}

.about-banner-bg-wrapper {
    position: absolute;
    inset: 0;
    z-index: -1;
}

.about-banner-bg-wrapper img {
    height: 100%;
    width: 100%;
    background-color: #221133;
    object-fit: cover;
}

.about-banner .row {
    flex-wrap: nowrap;
    align-items: center;
}

.about-banner .title {
    color: var(--text-primary-text2, #fff);
    margin-bottom: 12px
}

.about-banner .description-banner {
    color: var(--text-primary-text2, #fff);
    margin-bottom: 40px;
    width: 595px
}

.about-banner .image-bg img {
    background-image: linear-gradient(0deg, #38C9D6, #CF24FF);
    padding: 8px;
    border-radius: 26px;
    width: 473px;
    height: 426px;
    box-shadow:
        -40px 0 45px #2d0a4e,
        /* left */
        45px 0 45px #2d0a4e,
        /* right */
        0 -45px 45px #2d0a4e;
    /* top */
}




@media (max-width:1025px) {
    .about-banner .description-banner {
        width: 100%;
    }
}

@media (max-width:900px) {
    .about-banner-bg-wrapper img {
        object-fit: cover;
    }

    .about-banner {
        padding: 0;
    }

    .about-banner .container {
        padding: 40px 20px
    }

    .about-banner .row {
        gap: 40px;
        display: flex;
        flex-direction: column;
    }

    .about-banner .image-bg img {
        width: 100%;
        height: 272px;
    }

}

@media (max-width:475px) {
    .about-banner .description-banner {
        margin-bottom: 25px;
        font-size: var(--font-body-size)
    }

    .about-banner .image-bg img {
        box-shadow: -44px 0 45px #2d0a4e,
            /* left */
            45px 0 45px #2d0a4e,
            /* right */
            0 -7px 22px #2d0a4e;
    }
}


/* section-2 */
.about-mission {
    position: relative;
    background-color: #01060E;
    overflow: hidden;
}

.about-mission h5, .about-mission .heading5{
	font-weight:600;
}

/* Blue blush glow */


/* Keep content above glow */
.about-mission>* {
    position: relative;
    z-index: 1;
}

.about-mission {
    background-color: #000000;
}

.about-mission .row {
    flex-wrap: nowrap;
    gap: 12px;
}



.about-mission .card {
    background: linear-gradient(180deg, #6200B3 0%, #2A004D 100%);
    border-radius: 34px;
}

.about-mission .content-wrapper {
    padding-top: 104px;
    padding-bottom: 49px;
    padding-left: 40px;
    /* align-items: center; */
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.about-mission .card-mission .img-wrapper {
    justify-content: end;
    align-items: end;
    display: flex;
    padding-top: 104px;
}

.about-mission .card-mission .img-wrapper img {
    width: 367px;
    height: 490.8299865722656px;
    border-radius: 0 0 34px;
}

.about-mission .card-mission .row {
    justify-content: space-between;
}

.about-mission .row>* {
    padding-right: 0
}

.about-mission .card-mission .content-wrapper h2 {
    margin-bottom: 98px;
    color: var(--text-primary-text2, #fff);
}

.about-mission .card-mission .content-wrapper p {
    margin-bottom: 58px;
    color: var(--text-primary-text2, #fff);
    font-weight: 600;
}


.about-mission .card-vision .img-wrapper img {
    width: 100%;
    height: 195px;
}

.about-mission .card-vision {
    padding: 104px 40px 0 42px;
    color: var(--text-primary-text2, #fff);
    justify-content: space-between;
    display: flex;
    flex-direction: column;
    line-height: 0
}

.about-mission .row {
    flex-wrap: nowrap
}


@media (max-width: 1257px) and (min-width: 1024px) {
    .about-mission .card-mission .img-wrapper img {
        width: 100%
    }
}

@media (max-width:1025px) {
    .about-mission .card-mission .img-wrapper img {
        width: 288px;
        height: 444.829987px;
        border-radius: 0 0 34px;
    }


    .about-mission .row {
        flex-wrap: wrap;
        align-items: center;
        justify-content: center;
    }

    .about-mission .card-vision h2 {
        margin-bottom: 98px;
    }

    .about-mission .card-vision p {
        margin-bottom: 57px;
    }

    .about-mission .container {
        padding: 40px 40px;
    }

}

@media (max-width:900px) {
    .about-mission .content-wrapper {
        padding-top: 40px;
    }

    .about-mission .card-mission .content-wrapper h2 {
        margin-bottom: 40px;
    }

    .about-mission .container {
        padding: 40px 20px;
    }

    .about-mission .card-vision {
        padding: 40px 40px 0 40px;
    }

    .about-mission .card-vision h2 {
        margin-bottom: 40px
    }

    .about-mission .content-wrapper {
        padding-right: 40px;
    }

    .about-mission .card-mission .img-wrapper {
        padding-top: 0;
        justify-content: center;
    }

    .about-mission .card-mission .img-wrapper img {
        width: 100%;
        height: 100%;
        border-radius: 0 34px 34px 0;
    }
}


@media (max-width:767px) {
    .about-mission .card-vision .img-wrapper img {
        width: 100%;
        height: 100%;
    }

    .about-mission .card-mission .img-wrapper img {
        border-radius: 0 0 34px 34px
    }

    .about-mission .card-vision p,
    .about-mission .card-mission .content-wrapper p {
        font-size: var(--font-body-size);
    }
}

.journey {
    background-position: center;
    background-size: cover;
    width: 100%;
    position: relative;
}

.journey .container{
	position: relative;
	z-index: 2;
}

.journey p.heading5 {
    font-size: var(--font-h5-size);
}

.journey .heading2 {
    color: var(--text-primary-text2, #fff);
    margin-bottom: 12px;
}

.journey .heading5.description {
    margin-bottom: 36px;
    font-weight: 400;
    color: var(--text-primary-text2, #fff);
}

.journey .card-1 .heading5.description {
    font-weight: 400;
	font-size:20px;
    color: var(--neutral-darkest-grey);
    margin-bottom: 0;
    width: 87%;
        z-index: 9;
    position: relative;
}

.journey .card-2 .heading5.description {
    font-weight: 400;
    color: var(--text-primary-text2, #fff);
    margin-bottom: 24px;
    width: 90%;
}

.journey .card-3 .description {
    font-weight: 500;
    color: var(--text-primary-text2, #fff);
}

.journey .card-3 .row {
    gap: 2.25rem;
    /* 36px */
    justify-content: flex-start;
}

.journey .bg-wrapper {
    position: absolute;
    inset: 0;
}

.journey .bg-wrapper img {
    height: 100%;
    width: 100%;
}

.journey .card-1 {
    padding: 32px 44px 32px 43px;
    background-color: #fff;
    border-radius: 34px;
}

.journey .card-3,
.journey .card-1 {
    position: relative;
}

.journey .card-2 {
    padding: 32px 27px 0 34px;
    background-color: #6200B3;
    border-radius: 34px;
    line-height: 0;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.journey .card-2 img {
    width: 100%;
    height: 156.109375px;
    border-radius: 7px 7px 0 0;
}

.journey .card-3 {
    padding: 32px 37px 42px 37px;
    background-color: var(--secondary-electric-indigo);
    border-radius: 34px;
    color: #fff
}

.journey .card-3 .bg-img,
.journey .card-1 .bg-img {
    position: absolute;
    inset: 0;
    z-index: 2;
}

.journey .card-1 .bg-img img,
.journey .card-3 .bg-img img {
    height: 100%;
    width: 100%;
    border-radius: 34px;
}

.journey .card-4 img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 34px;
}

.journey .card-3 p.description {
    margin-top: 38px;
    margin-bottom: 0;
	color: #fff;
	font-size: 20px;
	font-weight: 500;
}

.journey .testimonial-icon {
    width: 80px;
    height: 63px;
}

@media (max-width:1025px) {
    .journey .card-2 img {
        width: 100%;
    }
}

@media (max-width:769px) {
    .journey .card-1 p.heading5.description {
        width: 100%;
    }

    .journey .card-3 p.description {
        margin-top: 0;
    }

   .col-12.col-md-12.col-lg-1.col-xl-1 img {
    width: 47px;
}

    .journey .row {
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }

    .journey .card-1 {
        padding: 32px 27px 32px 34px;
    }

    .journey .card-1 .bg-img img,
    .journey .card-3 .bg-img img {
        object-fit: cover;
    }
}


@media (max-width:475px) {
    .journey p.heading5.description {
        font-size: var(--font-body-size)
    }

    .journey .card-2 {
        min-height: 279px;
    }
}

.our-team {
    background-position: center;
    background-size: 100% 100%;
    width: 100%;
    position: relative;
	background-repeat: no-repeat;
}

.our-team .button-group .tertiary-button-l{
	font-size: 14px;
    color: #cf24ff;
    border-radius: 7px;
    background-color: #ffffff;
    border: 2px solid #cf24ff;
    font-weight: 700;
    padding: 9px 24px;
    cursor: pointer;
	line-height: 1.05;
	
}

.our-team  .bg-wrapper {
    position: absolute;
    inset: 0;
    z-index: -1;
}

.our-team .bg-wrapper img {
    height: 100%;
    width: 100%;
}

.our-team .heading2 {
    text-align: center;
    color: var(--text-primary-text2, #fff);
    font-weight: 700;
    margin-bottom: 40px
}

.our-team .card {
    padding: 20px 18px 47px 20px;
    background-color: var(--text-primary-text2, #fff);
    border-radius: 25px;
}

.our-team .img-wrapper {
    margin-bottom: 27px
}

.our-team .heading4 {
    margin-bottom: 12px;
    color: var(--primary-midnight-pearl, #221133);
    font-weight: 700;
}

.our-team .description {
    margin-bottom: 53px;
    color: var(--primary-midnight-pearl, #221133);
    font-weight: 400;
}

.our-team .img-wrapper img {
    width: 100%;
    height: 157px;
	border-top-left-radius: 20px;
    border-top-right-radius: 20px;
}


.diffrent-section.about-page {
    background-image: url(/wp-content/uploads/2025/12/our-team-bg.webp);
    background-repeat: no-repeat;
    background-size: cover;
}

.diffrent-section.about-page h2 {
    margin-bottom: 12px;
    color: #fff;
    text-align: center;
}

.diffrent-section.about-page .Text-parah {
    margin-bottom: 43px;
}

.diffrent-section.about-page .featured-boxes {
    padding-left: 0;
    padding-right: 0;
    gap: 28px;
}

.diffrent-section.about-page .feature-box {
    width: 240px;
    padding: 28px 29px 28px 28px;
}

.diffrent-section.about-page .feature-box h5 {
    font-size: var(--font-h5-size);
    font-weight: 700;
    margin-bottom: 10px;
    line-height: 24px;
    color: var(--Primary-Midnight-Pearl, #221133);
    min-width: 190px;
}

.diffrent-section.about-page .feature-box p {
    font-family: var(--font-family-base);
    font-weight: 400;
    color: #4D525F;
    font-size: 16px;
    line-height: var(--font-body-line-height);
}

@media (max-width:769px) {
    .diffrent-section.about-page .feature-box {
        width: 100%;
    }
}

@media (max-width:475px) {
    .diffrent-section.about-page h2 {
        font-size: var(--font-h4-size);
        margin-bottom: 12px;
    }

    .diffrent-section.about-page .featured-boxes {
        display: flex;
        justify-content: center;
        flex-direction: column;
        align-items: center;
    }

    .diffrent-section.about-page .Text-parah {
        font-size: var(--font-body-size);
    }
}
/* about us end */
.lcp-discovery-image {
  position: absolute;
  width: 1px;
  height: 1px;
  opacity: 0;
  pointer-events: none;
}

.modules-grid a {
    text-decoration: none;
    display: contents;
}
/* case study single start */
/* Banner section */

.Product-single-banner .Product-single-bg-wrapper {
  position: absolute;
  inset: 0;
  z-index: 0;
  display: flex;
  overflow: hidden;
}

.Product-single-banner .Product-single-bg-wrapper img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.Product-single-banner .title {
  position: relative;
  z-index: 1;
  color: var(--neutral-white);
}

.Product-single-banner .button-group {
  position: relative;
  z-index: 1;
  margin-top: 38px;
}

/* testimonial-section */

.testimonial-section {
  position: relative;
  max-width: 444px;
  color: #fff;
}

/* Logo Boxes */
.testimonial-section .logo-box {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 16px;
  background: linear-gradient(180deg, #6200b3 0%, #2a004d 100%);
}

.testimonial-section .logo-box.purple {
  width: 124px;
  height: 208px;
  background: linear-gradient(180deg, #6200B3 0%, #2A004D 100%);
}

.testimonial-section .logo-box.dark {
  background: var(--primary-midnight-pearl);
  padding: 23px 25px 23px 26px;
}


.testimonial-section .top-list {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
}

.testimonial-section .quote-box {
  position: relative;
  height: 208px !important;
  padding: 35px;
  background: var(--primary-midnight-pearl);
  border-radius: 18px;
}

.testimonial-section .quote-icon {
  position: absolute;
  top: -20px;
  left: 0;
  width: 100%;
  display: flex;
  justify-content: center;
}

.testimonial-section .quote-icon img {
  width: 52px;
  height: 45px;
}

.testimonial-section .quote-text {
  font-family: "Poppins", sans-serif;
  font-size: 20px;
  font-weight: 400;
  line-height: 150%;
  text-align: center;
  width: 95%;
  margin: auto;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

/* Author */

.testimonial-section .author {
  width: 163px;
  height: 146px;
  padding: 23px 18px;
  border-radius: 16px;
  background: var(--primary-midnight-pearl);
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  font-size: 16px;
}
.testimonial-section .author span{
	margin-bottom: 4px;
	font-weight:600;
	line-height:normal;
}
.testimonial-section .author .description {
/*   font-family: "Nunito Sans", sans-serif; */
	font-family: var(--font-family-base);
  font-size: 14px;
  line-height: normal;
  color: var(--secondary-egg-shell-blue);
  max-width:115px;
}

.testimonial-section .pacera-box {
  width: 154px;
  border-radius: 16px;
/*   background: linear-gradient(180deg, #6200b3 0%, #2a004d 100%); */
}

.testimonial-section .bottom-row {
  position: relative;
  width: 153px;
}

.testimonial-section .bottom-row-box {
  margin-top: 8px;
  display: flex;
  align-items: stretch;
  justify-content: space-between;
  gap: 8px;
}

.testimonial-section .bottom-row:nth-child(2) {
  width: 163px;
}

.testimonial-section .bottom-row .arrow-img {
  position: absolute;
  top: -74px;
  left: 5%;
}
.testimonial-section .circle-logo {
    border-radius: 100px;
    background-color: #fff;
    width: 100px;
    height: 100px;
    display: flex;
    align-items: center;
	justify-content: center;
}
	.testimonial-section  .circle-logo  img{
        width: 83%;
    height: 35px;
    border-radius: 100px;
}
.testimonial-section .logo-box .circle-logo{
   padding:0;
   border-radius: 100px;
}
/* Responsive */

@media (min-width: 1280px) {
  .testimonial-section {
    max-width: 488px;
  }
}

@media (max-width: 1280px) {
  .testimonial-section .quote-text {
    width: 100%;
  }

  /* .testimonial-section .quote-box {
    width: 275px;
  } */

  .testimonial-section .pacera-box,
  .testimonial-section .bottom-row,
  .testimonial-section .bottom-row .logo-box {
    width: fit-content;
  }

  .testimonial-section .author,
  .testimonial-section .logo-box {
    height: 148px;
  }
  .testimonial-section .pacera-box img {
    height: 148px;
  }
}

@media (max-width: 1024px) {
	.testimonial-section .logo-box.dark {
		padding: 7px
	}
  .testimonial-section {
    margin-top: 30px;
  }

  .testimonial-section .author {
    padding: 12px;
  }

  .testimonial-section .quote-text {
    font-size: 16px;
    width: 80%;
  }

  .testimonial-section .author strong {
    line-height: 14px;
  }

  .testimonial-section .author .description {
    font-size: 12px;
  }

  .testimonial-section .pacera-box img {
    height: 121px;
  }

  .testimonial-section .bottom-row .arrow-img {
      left: 13%;
      top: -58px;
      rotate: 20deg;
  }
  .testimonial-section .author,
  .testimonial-section .logo-box {
    height: 121px;
  }
}

@media (max-width: 933px) {
  .Product-single-banner .Product-single-bg-wrapper {
    height: 100%;
  }
  .testimonial-section .bottom-row .arrow-img {     
      top: -67px;     
  }
  .testimonial-section .author,
  .testimonial-section .quote-box {
    width: auto;
  }
}

@media (max-width: 600px) {
.testimonial-section .bottom-row .arrow-img {
    left: 24%;
    top: -60%;
    rotate: -7deg;
}
}

@media (max-width: 500px) {
	.testimonial-section .logo-box.dark {
		padding: 19px 20px 19px 21px;
	}
  .testimonial-section .bottom-row:nth-child(3),
  .testimonial-section .pacera-box,
  .testimonial-section .logo-box.purple {
    display: none;
  }
	.testimonial-section .author{
		font-size:14px;
		padding:19px 18px
	}
	.testimonial-section .author,
	.testimonial-section .logo-box.dark{
		min-height:121px
	}

  .testimonial-section .logo-box.dark,
  .testimonial-section .bottom-row {
    width: 100%;
    max-width: 100%;
  }

	.testimonial-section .bottom-row .arrow-img {
    left: 24%;
    top: -32%;
    rotate: -7deg;
    width: 54px;
    height: 78.515px;
}

  .testimonial-section .top-list {
    gap: 0;
  }

  .testimonial-section .bottom-row,
  .testimonial-section .bottom-row:nth-child(2) {
    width: 100%;
  }

  .testimonial-section .quote-box {
    width: auto;
  padding:24px 17px 15px;
  height:135px !important
}
	.testimonial-section .quote-text{
		width:90%
	}
	.Product-single-banner .container .image-bg{
		padding:0 20px
	}
	.testimonial-section .circle-logo{
		    width: 84px;
    height: 83px;
}
	.testimonial-section .circle-logo img {
		height: 29px;
	}
	.testimonial-section .quote-icon img{
	   width: 36px;
      height: 31px;   
	}
}
@media (max-width: 376px) {
    .testimonial-section .author {
        width: 146px;
    }
}
@media (max-width: 365px) {
    .testimonial-section .quote-text {
        width: 90%;
    }
}
@media (max-width: 340px) {
.Product-single-banner .container .image-bg{
	padding:0
}
}

/* About section */
.about-section {
background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.about-section .card-custom {
  background: linear-gradient(180deg, #6200b3 0%, #2a004d 100%);
  border-radius: 34px;
  border: none;
  height: 100%;
  padding: 84px 54px;
}

.about-section .card-custom .title {
   font-family: var(--font-family-base);
  font-weight: 700;
  font-size: 36px;
  line-height: normal;
  letter-spacing: 0px;
  margin-bottom: 12px;
  color: var(--neutral-white);
}

.about-section .card-custom .description p{
  font-family: var(--font-family-base);
  font-weight: 400;
  font-size: 20px;
  line-height: 30px;
  letter-spacing: 0px;
  color: var(--neutral-white);
}
.about-section .logo-card {
  display: flex;
  align-items: center;
  justify-content: center;
}

.about-section .logo-box img {
  border-radius: 7px;
	width: 428px;
}
@media (max-width: 430px) {
  .about-section .card-custom {
    padding: 50px 24px;
  }
}

/* Result section */

.results-section {
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  position:relative;
}

.results-section .title {
   font-family: var(--font-family-base);
  font-size: 36px;
  line-height: 100%;
  letter-spacing: 0px;
  text-align: center !important;
  margin-bottom: 40px;
  text-align: left;
  color: var(--neutral-white);
}

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

section.results-section.cs_three_card >* {
    position: relative;
    z-index: 2;
}
.results-section .card {
  background: var(--neutral-white);
  padding: 40px;
  border-radius: 17px;
  text-align: left;
}

.results-section .card .card-title {
   font-family: var(--font-family-base);
  font-weight: 700;
  font-size: 20px;
  line-height: normal;
  letter-spacing: 0;
  text-align: left;
  width: 85%;
  margin-bottom: 12px;
  color: var(--primary-dark-amethyst);
}

.results-section .card .description {
   font-family: var(--font-family-base);
  font-weight: 400;
  font-size: 16px;
  line-height: normal;
  letter-spacing: 0;
  width: 87%;
  color: #4d525f;
}

/* Responsive */

@media (max-width: 900px) {
  .results-section .cards {
    grid-template-columns: 1fr;
  }

  .results-section .title {
    font-size: 28px;
  }
}

@media (max-width: 768px) {
  .results-section .card {
    padding: 24px;
  }
  .results-section .card .card-title,
  .results-section .card .description {
    width: 100%;
  }
}

/* HERO SECTION */
.hero-section {
  width: 100%;
  min-height: 542px;
  background-repeat:no-repeat;
  background-size: cover;	
  position: relative;
}
.hero-section .hero-section-bg-wrapper {
  position: absolute;
  z-index: -1;
  inset: 0;
  overflow: hidden;
}

.hero-section .hero-section-bg-wrapper img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.hero-section .hero-card {
  margin: auto;
  /* gap: 40px; */
  color: var(--neutral-white);
}
.hero-section .hero-card .row{
	gap: 37px
}

/* Image */
.hero-section .hero-image {
  /* flex: 0 0 320px; */
  border-radius: 17px;
  overflow: hidden;
}

.hero-section .hero-image img {
	    width: 598px;
    height: 485px;
/*   width: 100%;
  height: 100%; */
  object-fit: cover;
  border-radius: 17px;
}

/* Content */
.hero-section .hero-content {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.hero-section .quote-icon {
  background-color: #574ae2;
  border-radius: 50%;
  display: inline-flex;
  padding: 20px;
  width: 67px;
  height: 67px;
  margin-bottom: 41px;
}
.hero-section .quote-icon img{
	width: 29px;
height: 24px;
}

.hero-section .hero-text p {
   font-family: var(--font-family-base);
  font-weight: 500;
  font-size: 32px;
  line-height: normal;
  letter-spacing: 0;
  width: 78%;
  margin-bottom: 46px;
}

/* Footer */
.hero-section .hero-footer {
  display: flex;
  align-items: center;
  gap: 16px;
  flex-wrap: wrap;
}

.hero-section .author {
   font-family: var(--font-family-base);
  font-weight: 600;
  font-size: 16px;
  line-height: 100%;
  letter-spacing: 0px;
}

.hero-section .author span {
   font-family: var(--font-family-base);
  font-weight: 400;
  font-size: 16px;
  line-height: 100%;
  letter-spacing: 0px;
  color: #d5d5d6;
}

.hero-section .brand-badge img {
  background: var(--neutral-white);
  color: #000;
  font-weight: 600;
  font-size: 12px;
  padding: 8px 17px 8px 17px;
  border-radius: 60px;
}
section.about-section .row.about-second {
    margin-top: 22px;
}
/* RESPONSIVE */

@media (max-width: 500px) {
  .hero-section .hero-text {
    width: 100%;
  }
	.hero-section .hero-image img {
	   width: 100%;
  height: 100%;
}
}

/* case study single end */
.otgs-development-site-front-end {
    display: none;
}
.aico-closing__card.aico-closing__card--image img {
    border-radius: 34px;
}
.ah-mockup-wrap img {
    border-radius: 34px;
}.hero-right-img img {
    border-radius: 24px;
}
/* add bottom */
h2.title a {
    color: unset;
    text-decoration: none;
}.site-footer li.menu-item a:hover {
    color: #CF24FF;
}a.footer-career-link:hover {
    color: #CF24FF;
}ul.top-bar-menu li:hover a {
    color: #26262c;
}
.card-content h3 a {
    color: unset;
}.event-content h3 a {
    color: unset;
    text-decoration: none;
}
.module-card:hover .icon img {
    background-color: #e0fcff;
    /* width: auto; */
    border-radius: 100px;
    padding: 10px;
}
.swap-desktop .hero-text {
    padding-left: 30px;
}section.Product-single-banner.hide-mobile .image-bg {
    display: none;
}section.Product-single-banner.swap-desktop .image-bg{
 order: 1;
}
	section.Product-single-banner.swap-desktop .content-wrapper {
    order: 2;
}
.page-why-pacera .diffrent-section.about-page .featured-boxes {
    gap: 15PX;
}.page-why-pacera .support-contact-box IMG {
    max-height: 428px;
    border-radius: 34px 34px 0px 0px;
object-position: right;
}span.tag.glossary {
    background: unset; background-color: #540099;
}.resources-section .tag {
    background-color: #540099;
}.case-image img.fallback {
    height: 220px;
      object-fit: cover;
}
@media (max-width: 991px) {
section.Product-single-banner.swap-mobile .image-bg{
 order: 1;
}
	section.Product-single-banner.swap-mobile .content-wrapper {
    order: 2;
}.pacera-products-slide {
    padding-left: 20px;
}
}

.difference,
section.Product-single-banner,
section.ts-section,section.hero-banner,section.diffrent-section,section.resources-section,section.case-studies-section,section.overview,.wd-container.container{
  position: relative;
  overflow: hidden;

  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}


.difference > *,
section.Product-single-banner > *,
section.ts-section > *,section.hero-banner > *,section.diffrent-section > *,section.resources-section >*,section.case-studies-section>*,section.overview>*,section.pacera_products >*, section.wd-section.pl-client-logos>*,section.our-team > *,section.aico-closing>*,.contact-section>*,.wd-container.container >*,section.about-section.cs_three_grid>*,section.solution-grid.journey>*,section.leadership-section.leadership>* ,section.solution-grid > *,section.custom-faq > *,.knowledge-hub-banner > *{

position: relative;
  z-index: 2;
}
.finance-section {
    padding-top: 0px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}.contact-section,.aico-closing{
position:relative;}.footer-column.active svg {
    transform: rotate(180deg);transition: transform 0.3s ease;
}.ts-card-logo img {
    width: auto;
    height: 50px;
}.modules-section .module-card {
    border: 3px solid var(--module-primary, #38c9d6);
}
section.modules-section.rewrite-mercur .module-card {
    padding: 50px 16px;
}section.modules-section.rewrite-mercur .modules-grid {
    grid-template-columns: repeat(4, 1fr);
}
section.wrapper-404 {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.hero-right-img.has-frame img {
    background-image: linear-gradient(0deg, #38C9D6, #CF24FF);
    padding: 8px;
    border-radius: 26px;
     box-shadow: 0 0 100px 30px rgba(98, 0, 179, 0.30);
}.client-logo-main {
    text-align: center;
    color: #fff;
    padding-bottom: 40px;
    padding-top: 60px;
}section.client-logo-slider {
    margin-bottom: 60px;
}@media (max-width: 768px) {
.client-logo-main {
    padding-top: 40px;
}
	section.client-logo-slider {
    margin-bottom: 40px;
}
}
@media (max-width: 1300px) {
.mega-trigger.open .mega-parent.active .mega-sub-toggle::before {
    padding-top: 30px !important;
}
}
@media (min-width: 1440px) {
.container {
    max-width: 1920px;
}.main-header {
max-width: 1920px;
	}
}
.case-badge.AARO {
    background-color: #6200B3;
}
.case-badge.AICO {
    background-color: #38C9D6;
}.case-badge.MERCUR {
    background-color: #CF24FF;
}

.wd-container.container.has-bg-shadow {
    position: relative;
}
@media (max-width: 1024px) {
	.page-why-pacera .diffrent-section.about-page .featured-boxes{
	padding: 0
}.row.support-section {
    flex-direction: column-reverse;
}.page-why-pacera .support-contact-box IMG {
    max-height: 100%;
    border-radius: 34px;
}    .support-contact-box {
        padding: 30px;
    }    .page-why-pacera .support-contact-box IMG {
        min-height: 400px;
        border-radius: 34px;
        object-position: right;
    }.resources-section .section-header p
 {
  
    width: 100%;
}

}
.has-bg-shadow:not(.bg-shadow-manual)::before,
.has-bg-shadow:not(.bg-shadow-manual)::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    pointer-events: none;
    z-index: 1;
}

.has-bg-shadow:not(.bg-shadow-manual)::before {
    top: 0;
    height: 220px;
    background: linear-gradient(
        to bottom,
        rgba(0, 0, 0, 0.9) 0%,
        rgba(0, 0, 0, 0.6) 30%,
        rgba(0, 0, 0, 0.25) 60%,
        rgba(0, 0, 0, 0) 100%
    );
}

.has-bg-shadow:not(.bg-shadow-manual)::after {
    bottom: 0;
    height: 220px;
    background: linear-gradient(
        to top,
        rgba(0, 0, 0, 0.9) 0%,
        rgba(0, 0, 0, 0.6) 30%,
        rgba(0, 0, 0, 0.25) 60%,
        rgba(0, 0, 0, 0) 100%
    );
}
.bg-shadow-manual::before,
.bg-shadow-manual::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    pointer-events: none;
    z-index: 1;
}

.bg-shadow-manual::before {
    top: 0;
    height: var(--top-height, 220px);
    background: linear-gradient(
        to bottom,
        var(--top-c1, rgba(0,0,0,0.9)) var(--top-s1, 0%),
        var(--top-c2, rgba(0,0,0,0.6)) var(--top-s2, 30%),
        var(--top-c3, rgba(0,0,0,0.25)) var(--top-s3, 60%),
        var(--top-c4, rgba(0,0,0,0)) var(--top-s4, 100%)
    );
}

.bg-shadow-manual::after {
    bottom: 0;
    height: var(--bottom-height, 220px);
    background: linear-gradient(
        to top,
        var(--bottom-c1, rgba(0,0,0,0.9)) var(--bottom-s1, 0%),
        var(--bottom-c2, rgba(0,0,0,0.6)) var(--bottom-s2, 30%),
        var(--bottom-c3, rgba(0,0,0,0.25)) var(--bottom-s3, 60%),
        var(--bottom-c4, rgba(0,0,0,0)) var(--bottom-s4, 100%)
    );
  /*background: linear-gradient(
        to top,
        rgba(0, 0, 0, 0.9) 0%,
        rgba(0, 0, 0, 0.6) 30%,
        rgba(0, 0, 0, 0.25) 60%,
        rgba(0, 0, 0, 0) 100%
    );*/
}
.Product-single-banner {
    position: relative;
    overflow: hidden;
}

/* offices page-start */

/* region-section */
.custom-modal {
  display: none;
  position: fixed;
  z-index: 9999;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6);
}

.custom-modal-content {
  background: #fff;
  width: 80%;
  max-width: 600px;
  margin: 10% auto;
  padding: 15px;
  border-radius: 6px;
}

.close {
  float: right;
  font-size: 22px;
  cursor: pointer;
}
.region-section {
    background-color: #000000;
    padding: 0 54px 45px 54px;
}

.region-section .container{
	padding-bottom:0
}

@media (min-width: 1441px) {
  .region-section .card {
    width: auto !important;
  }
}
.region-section .row{
	gap:59px 66px
} 

@media (min-width: 768px){
.region-section .row .col-md-6 {
    flex: 0 0 calc(50% - (66px * 6 / 12));
}
}

@media (min-width: 1024px){
.region-section .row .col-lg-6 {
    flex: 0 0 calc(50% - (66px * 6 / 12));}
}
@media (min-width: 1400px) {
   .region-section .row .col-xl-4 {
        flex: 0 0 calc(33.33333333% - (66px * 8 / 12));
    }
}
.region-section .card {
    border-radius: 8px;
    border: none;
    background-color: transparent;
    margin-bottom: 82px;
	position:relative;
}

.region-section .card .nav-icon {
    position: absolute;
    right: 24px;
/*     width: 44px;
    height: 44px; */
    border: none;
    top: 18px;
	background-color: transparent;
	cursor:pointer
}

.region-section .card .nav-icon img {
    padding: 10px;
	border-radius: 50px;
}

.region-section .card .card-img-top {
    object-fit: cover;
    border-radius: 24px;
}

.region-section .card .card-body {
    background-color: #fff;
    border-radius: 17px;
    width: 91%;
    margin: auto;
    position: absolute;
    left: 0;
    top: 75%;
    padding: 24px;
    padding-bottom: 54px;
    right: 0;
    height: 169px;
}

.region-section .card .card-body .card-title {
    letter-spacing: 0px;
 font-family: var(--font-family-base);
    font-size: 24px;
    font-weight: 600;
    line-height: normal;
    text-transform: uppercase;
}

.region-section .card .card-body p {
  font-family: var(--font-family-base);
    font-size: 16px;
    line-height: 150%;
    color: #000000;
    letter-spacing: 0px;
    width: 85%;
}

.region-section .map-container {
    margin-top: 70px;
}

.region-section .map-container img {
    width: 100%;

}.region-section .card img {
    width: 100% !important;
}
.region-section .modal-open{
    padding-right: 0 !important;
}

.region-section  .modal-lg {
    max-width: 60%;
}

.region-section iframe {
    width: 100%;
    height: 400px;
    border: 0;
}

@media (max-width: 1025px) {
	.region-section .card {
       margin-bottom:77px
	}
}
@media (max-width: 933px) {
    .region-section {
        padding: 0;
    }

    .region-section .card .card-body .card-title {
        font-size: 18px;
    }

    .region-section .card .card-body .card-description {
        font-size: 14px;
    }.region-section .card {    
		margin-bottom:89px
	}

}

@media (max-width: 500px) {
.region-section .card {    
		width: auto;
		margin-bottom: 76px;
	}
    .region-section {
        padding: 0px;
    }

    .region-section .map-container {
        margin-top: 20px;
    }
    .region-section .modal-lg {
        max-width: 100%;
    }

}

.map-pacera-locations  {
	position :relative;
	justify-content:center;
	padding:0 54px 
}
.map-pacera-locations .container{
	padding-top: 23px;
	padding-bottom:14px

}
.map-pacera-locations img.world-map{
    width: 100%;
}
/*img.card-img-top {
    width: 100%;
}*/

.page-leadership .leadership-section .card img {
    width: 100%;
}
     .map-pacera-locations .marker {
            position: absolute;
            width: 17px;
            height: 20.98px;
            background: url("/wp-content/uploads/2026/01/location_pacera.svg") no-repeat center;
            background-size: contain;
            cursor: pointer;

            /* Anchor bottom-center of pin */
            transform: translate(-50%, -100%);
        }

      .map-pacera-locations  .popup {
            position: absolute;
            bottom: 30px;
            left: 50%;
            transform: translateX(-50%);
            background: var(--secondary-phlox-flame);
            color: #fff;
            padding: 6px 12px;
            border-radius: 6px;
            font-size: 14px;
            white-space: nowrap;
            opacity: 0;
            pointer-events: none;
            transition: 0.2s ease;
        }

       .map-pacera-locations .marker:hover .popup {
            opacity: 1;
        }

.map-pacera-locations .marker.loc-UK{
	top: 39.5%;
    left: 48.3%;	
}
.map-pacera-locations .marker.loc-sweden{
	top: 36.4%;
    left: 50.37%;
}

.map-pacera-locations .marker.loc-latvia{
	top: 37.7%;
    left: 51.7%;
}
.map-pacera-locations .marker.loc-finland {
    top: 34.5%;
    left: 52.3%;
}
.map-pacera-locations .marker.loc-kenya{
	top: 60%;
    left: 53.9%;
}
.map-pacera-locations .marker.loc-UAE {
    top: 51.3%;
    left: 56.2%;
}
@media (max-width: 933px) {
	.map-pacera-locations{
		padding:0 
	}
}

/* Leadership start */

.page-leadership  .Product-single-banner{
	margin-bottom:40px
}

.page-leadership .leadership-section {
	padding: 0 50px
}

.page-leadership .leadership-section .container{
	padding-top: 40px;
	padding-bottom:21px;
}

.page-leadership .leadership-section .card .card-body .card-title{
margin-bottom:4px;
	line-height:normal;
	font-weight:500;
}
.page-leadership .leadership-section .card .card-body .card-designation{
	margin-bottom:16px;
	line-height:normal;
font-weight: 400;
}

.page-leadership .leadership-section .card{
line-height:normal;
	margin-bottom:0
}

.page-leadership .leadership-section .card .card-body{
	padding: 18px 0 7px 0;
}

.page-leadership .footer-cta-alt .container{
	padding-top:40px
}

/* .page-leadership .leadership-section .card img.card-img-top{
	height: 296px;
	width:384px;
	object-fit:contain !important
} */



@media (max-width:768px){
	.page-leadership .leadership-section{
		padding:0 20px
	}
  .page-leadership  .Product-single-banner{
	margin-bottom:20px
  }
}

.page-leadership .leadership-section .row{
	gap:32px
}



@media (min-width: 768px){
.page-leadership .leadership-section .row .col-md-6 {
    flex: 0 0 calc(50% - (32px * 6 / 12));
}
}

@media (min-width: 1024px){
.page-leadership .leadership-section .row .col-lg-4 {
    flex: 0 0 calc(33.33333333% - (32px * 8 / 12));
}
}

/* Leadership start */

.leadership-section {
    padding: 0px 50px;
	background-repeat:no-repeat;
	background-size:cover;
}


.leadership-section .card {
    background-color: transparent;
}

.leadership-section .card .card-body {
    position: relative;
    width: 100%;
    border-radius: 0 0 8px 8px;
    background-color: transparent;
 color:#D5D5D6;
    padding: 24px 0;
}



.leadership-section .card .card-body .social-media {
    display: flex;
    gap: 20px;
    margin-top: 24px;
}

.leadership-section .card .card-body .social-media a {
    text-decoration: none;

}

.leadership-section .card .card-body .social-media-icon {
    font-size: 24px;
    color: var(--neutral-mid-grey);

}

.leadership-section .card .card-body .card-title {
    color: var(--text-primary-text2);
    font-family: "Poppins", sans-serif;
    font-size: 20px;
    font-weight: 500;
    line-height: 150%;
}

.leadership-section .card .card-body .card-description {
    color: var(--neutral-outline-grey);
    width: 100%;
}

.leadership-section .card .card-body .card-designation {
    color: var(--secondary-egg-shell-blue);
    font-family: "Poppins", sans-serif;
    font-size: 16px;
    line-height: 150%;
 margin-bottom :16px;
	font-weight:400;
}

@media (max-width: 933px) {
    .leadership-section {
        padding: 0px;
    }

   
}

@media (max-width: 500px) {
    .leadership-section {
        padding: 0px;
    }



}p.study-empty {
    color: #fff;
}p.quote-author {
    margin-top: 10px;
}
/* Leadership Ends */
.page-book-a-demo section.footer-cta-alt {
    display: none;
}
.industry-grid .card .heading4 a {
    text-decoration: none;
   color: #fff;
}section.industry-grid p {
    color: #fff;
}h2.wd-title.speakers-sec {
    text-align: center;
}
.term-by-industry .industry-grid .card:nth-child(15),
.term-by-industry .industry-grid .card:nth-child(17){
	padding: 64px 34px 24px 34px;
}
section.hero-banner .description-banner p {
    color: var(--text-primary-text2, #fff);
    font-family: var(--font-family-base, 'sans-serif');
    font-size: 24px;
    font-weight: 500;
    line-height: normal;
    margin-bottom: 40px;
}.state-description {
    color: var(--Neutral-Outline-Grey, #d5d5d6);
    font-size: 20px;
    font-weight: 400;
    text-align: center;
}section.glossary-alphabet-list p.no-posts {
    color: #000000;
}
.speakers .img-wrapper img , .leadership img.card-img-top{
    border-radius: 20px;
    //background-color: #ffffff;
}
.features-scroll {
    width: 60%;
}
.features-container {
  display: grid;
  grid-template-columns: 40% 60%;
  gap: 48px;
  align-items: flex-start; 
}

section.key-features.vertical-scroll .timeline-nav {
  position: sticky;
  top: 120px;            
  height: fit-content;
}
.vertical-scroll .feature-card {
  margin-bottom: 34px;
}

.vertical-scroll .feature-card.active-card {
  opacity: 1;

}
.vertical-scroll .timeline-item.active {
  opacity: 1;
}section.key-features.vertical-scroll .timeline-line {
    height: 98%;
}
.vertical-scroll .feature-card.active-card {
  background:
    linear-gradient(#ffffff, #ffffff) padding-box,
    linear-gradient(180deg, #38C9D6 0%, #CF24FF 100%) border-box;
  border: 5px solid transparent;
  color: #000000;
}

.vertical-scroll .feature-card.active-card,
.vertical-scroll .feature-card.active-card * {
  color: #000000;
}
@media (max-width: 1024px) {
 .vertical-scroll .features-container {
    grid-template-columns: 1fr;
    gap: 40px;
  }

section.key-features.vertical-scroll .timeline-nav {
    position: relative;
    top: 0;
    transform: none !important;
    margin-bottom: 32px;
  }

 .vertical-scroll .timeline-items {
    display: flex;
    gap: 24px;
    padding-bottom: 12px;
  }
 .vertical-scroll .feature-card {
    margin-bottom: 48px; 
  }
 .vertical-scroll .features-scroll{
		 width: 100%;
	}
     .key-features.vertical-scroll .card-content {
        align-items: flex-start;
    }   .key-features.vertical-scroll .card-content {
        flex-direction: column;
    }
}
@media (min-width: 1025px) {
h4.content-heading {
    display: none;
}
}section.resources-section.blog_grid {
    margin-top: -2px;
}section.resources-section.stories.pl_stories {
    margin-top: -2px;
}section.footer-cta {
    margin-top: -2px;
}section.results-section.cs_three_card.has-bg-shadow {
    margin-top: -1px;
}section.key-features.vertical-scroll {
    margin-top: -2px;
}
/* customizer css */
.class-name-test .title-grand,
.contact-title .title-grand {
    background: none;
    -webkit-background-clip: initial;
    -webkit-text-fill-color: initial;

    color: #B5F9FF;
}

.class-name-test h1{
	margin-bottom:35px;
}

.class-name-test .description-banner {
	font-size:28px;
}

.finance-row .img-video.text-center, .finance-row .rounded-4 .finance-col1 img{
	background-image: linear-gradient(0deg, #38C9D6, #CF24FF);
    padding: 9px;
    box-shadow: 0 0 100px 30px rgba(98, 0, 179, 0.30);
}@media (min-width:1200px){
	.mercur-modules-only .modules-grid {
		grid-template-columns: repeat(4, 1fr) !important;
	}
}section.why-webinar {
    position: relative;

}
section.why-webinar > .container {
    position: relative;
    z-index: 2;
}a.social-media-link img {
    width: 20px;
}.solution-grid .card-2 .heading5, .solution-grid .card-3 .heading5 {
    margin-bottom: 30px;
}.resources-section .event-container {
    min-height: 560px;
}p.no-posts {
    color: #fff;
}.speakers .img-wrapper img , .leadership img.card-img-top{
    border-radius: 20px;
    //background-color: #ffffff;
}section.Product-single-banner.has-border.single-all.pl-banner {
    display: block;
    min-height: 200px;
}.page-leadership .leadership-section .card .card-body a {
    color: #fff;
    line-height: 3;
}
.small-icon {
  width: 50px;
  height: 50px;
  aspect-ratio: 1 / 1;
}

.site-logo img,
.custom-logo {
    width: 116px !important;
    height: 35px !important;
  aspect-ratio: 132 / 40;
  display: block;
}


.footer-logo {
    width: 132px !important;
    height: 40px !important;
    display: block;
}
@media(max-width:1024px){
.footer-logo {
    width: 180px !important;
    height: 35px !important;
    display: block;
}
}
section.diffrent-section.icon_grid_dark .feature-box {
    background-color: #cccccc00;
}section.diffrent-section.icon_grid_dark .feature-box >* {
    color: #fff;
}.icon_grid_dark .row.gap-5.featured-boxes .feature-box {
    border-radius: inherit;
}.icon_grid_dark .row.gap-5.featured-boxes .feature-box:last-child {
    border-right: none;
}.icon_grid_dark .row.gap-5.featured-boxes .feature-box {
    position: relative;
}

.icon_grid_dark .row.gap-5.featured-boxes .feature-box:not(:last-child)::after {
    content: "";
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    height: 70%;
    border-right: 1px solid #63626A;
}
@media (max-width: 768px) {
    .icon_grid_dark .row.gap-5.featured-boxes .feature-box::after {
        border-right: none;
        border-bottom: 1px solid #63626A;
        width: 100%;
        height: 0;
        left: 0;
        bottom: 0;
        top: auto;
        right: auto;
        transform: translateX(-50%);
    }

 .single-resources .hero-right-img img {
    min-height: auto;
}
    .icon_grid_dark .row.gap-5.featured-boxes .feature-box:not(:last-child)::after {
    border-right:none;top: 80%;
}
}.hero-right-img img {
    min-height: 320px;
}
.hero-bg-img {
  position: absolute;
  width: 100%;
  height: 100%;
 z-index:unset !important;
}
section img.hero-bg-img {
    position: absolute;
}
.single-events .hs-form-frame {
    height: 100% !important;
}
@media (max-width: 530px) {
    .single-events .demo-form-box iframe {
        height: 720px !important;
        PADDING: 0PX;
    }
}.finance-row.align-center.align-stretch.justify-center .card-text.flex.flex-grow-1.justify-content-center.align-items-center.text-secondary.px-5.py-3.text-black p {
    display: inline !important;
}.demo-form-box.hero {
    width: 100%;
}.demo-form-box.landingpage iframe {
    height: 775px !important;
}.single-resources {
    background-color: #000001 !important;
}.single-resources section.gateway.kh_single_row ul {
    margin-left: 30px;
    color: #fff;
}

/* =========================================
   Pacera Competitor Comparison Table
========================================= */

/* =========================================
   Blend Comparison Section With Page Flow
========================================= */

.pacera-comparison-section {
  position: relative;
  overflow: hidden;
  padding: 96px 0;
  background: linear-gradient(
    180deg,
    #000000 0%,
    #05030a 14%,
    #0b0712 50%,
    #09050f 86%,
    #000000 100%
  );
  border-top: 0;
  border-bottom: 0;
}

.pacera-comparison-section::before,
.pacera-comparison-section::after {
  content: "";
  position: absolute;
  border-radius: 50%;
  pointer-events: none;
  filter: blur(130px);
  opacity: 0.16;
  z-index: 1;
}

.pacera-comparison-section::before {
  width: 420px;
  height: 420px;
  left: -140px;
  top: 26%;
  background: rgba(56, 201, 214, 0.18);
}

.pacera-comparison-section::after {
  width: 420px;
  height: 420px;
  right: -120px;
  top: 18%;
  background: rgba(207, 36, 255, 0.16);
}

.pacera-comparison-section .container {
  position: relative;
  z-index: 2;
}

/* Header */
.pacera-comparison-header {
  max-width: 860px;
  margin: 0 auto 52px;
  text-align: center;
}

.pacera-comparison-eyebrow {
  display: block;
  margin-bottom: 14px;
  color: #38c9d6;
  font-size: 14px;
  font-weight: 800;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.pacera-comparison-header h2 {
  margin: 0;
  color: #ffffff;
  font-size: 48px;
  font-weight: 700;
  line-height: 1.1;
  letter-spacing: -0.03em;
}

.pacera-comparison-description {
  max-width: 720px;
  margin: 20px auto 0;
  color: rgba(255, 255, 255, 0.7);
  font-size: 18px;
  line-height: 1.6;
}

.pacera-comparison-description p:last-child {
  margin-bottom: 0;
}

/* Table wrapper */
.pacera-comparison-scroll {
  width: 100%;
  overflow-x: auto;
  border-radius: 24px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  background: rgba(17, 10, 26, 0.82);
  backdrop-filter: blur(16px);
  box-shadow:
    0 24px 70px rgba(0, 0, 0, 0.46),
    inset 0 1px 0 rgba(255, 255, 255, 0.04);
  -webkit-overflow-scrolling: touch;
}

.pacera-comparison-scroll::-webkit-scrollbar {
  height: 10px;
}

.pacera-comparison-scroll::-webkit-scrollbar-track {
  background: rgba(255, 255, 255, 0.05);
  border-radius: 999px;
}

.pacera-comparison-scroll::-webkit-scrollbar-thumb {
  background: linear-gradient(90deg, #38c9d6 0%, #cf24ff 100%);
  border-radius: 999px;
}

/* Table */
.pacera-comparison-table {
  width: 100%;
  min-width: 1180px;
  border-collapse: separate;
  border-spacing: 0;
  table-layout: fixed;
  color: rgba(255, 255, 255, 0.92);
  font-size: 15px;
}

/* Header cells */
.pacera-comparison-table th {
  position: sticky;
  top: 0;
  z-index: 4;
  height: 58px;
  padding: 18px 16px;
  text-align: center;
  vertical-align: middle;
  color: #ffffff;
  font-size: 15px;
  font-weight: 800;
  line-height: 1.25;
  white-space: normal;
  background: linear-gradient(180deg, #54157b 0%, #2a103e 100%);
  border-right: 1px solid rgba(255, 255, 255, 0.08);
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
  overflow-wrap: break-word;
  word-break: normal;
}

.pacera-comparison-table th:first-child {
  border-top-left-radius: 24px;
  text-align: left;
}

.pacera-comparison-table th:last-child {
  border-top-right-radius: 24px;
}

.pacera-comparison-table th.is-highlighted {
  background: linear-gradient(135deg, #38c9d6 0%, #cf24ff 100%);
  color: #ffffff;
}

/* Body cells */
.pacera-comparison-table td {
  height: 62px;
  padding: 16px;
  vertical-align: middle;
  text-align: center;
  line-height: 1.35;
  border-right: 1px solid rgba(255, 255, 255, 0.05);
  border-bottom: 1px solid rgba(255, 255, 255, 0.05);
  background: rgba(255, 255, 255, 0.03);
  transition: background 0.25s ease, border-color 0.25s ease;
  overflow-wrap: break-word;
  word-break: normal;
}

.pacera-comparison-table tr:nth-child(odd) td {
  background: rgba(255, 255, 255, 0.045);
}

.pacera-comparison-table tr:hover td {
  background: rgba(56, 201, 214, 0.055);
}

/* Equal competitor column sizing */
.pacera-comparison-table th:not(.pacera-capability-col),
.pacera-comparison-table td:not(.pacera-capability-col) {
  width: calc((100% - 240px) / 8);
}

/* Highlighted column */
.pacera-comparison-table td.is-highlighted {
  background: rgba(56, 201, 214, 0.1);
  box-shadow:
    inset 1px 0 0 rgba(56, 201, 214, 0.18),
    inset -1px 0 0 rgba(207, 36, 255, 0.18);
}

.pacera-comparison-table tr:nth-child(odd) td.is-highlighted {
  background: rgba(207, 36, 255, 0.1);
}

.pacera-comparison-table tr:hover td.is-highlighted {
  background: rgba(56, 201, 214, 0.16);
}

/* Sticky capability column */
.pacera-capability-col {
  width: 240px;
  min-width: 240px;
  max-width: 240px;
  font-weight: 800;
}

th.pacera-capability-col,
td.pacera-capability-col {
  position: sticky;
  left: 0;
  z-index: 3;
}

th.pacera-capability-col {
  z-index: 6;
}

td.pacera-capability-col {
  text-align: left;
  color: #ffffff;
  background: #12091d !important;
  border-right: 1px solid rgba(56, 201, 214, 0.12);
}

/* Cell content alignment */
.comparison-cell-inner {
  width: 100%;
  min-height: 26px;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* Bubble text */
.comparison-cell-note {
  width: auto;
  max-width: 100%;
  min-height: 34px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 9px;
  padding: 8px 14px;
  border-radius: 999px;
  color: rgba(255, 255, 255, 0.9);
  line-height: 1.35;
  font-size: 14px;
  font-weight: 600;
  text-align: center;
  box-sizing: border-box;
  transition: all 0.25s ease;
}

.comparison-cell-note span:last-child {
  display: inline-block;
  line-height: 1.3;
}

/* Partial / limited bubble */
.status-partial .comparison-cell-note {
  min-height: 42px;
  padding: 8px 16px;
  color: #ffd27a;
  background: rgba(255, 179, 44, 0.14);
  border: 1px solid rgba(255, 179, 44, 0.28);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.04),
    0 0 18px rgba(255, 179, 44, 0.06);
}

/* Custom text bubble */
.status-custom .comparison-cell-note {
  min-height: 42px;
  padding: 8px 16px;
  color: #dffcff;
  background: rgba(56, 201, 214, 0.11);
  border: 1px solid rgba(56, 201, 214, 0.22);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.04),
    0 0 18px rgba(56, 201, 214, 0.06);
}

.status-partial .comparison-cell-note:hover,
.status-custom .comparison-cell-note:hover {
  transform: translateY(-1px);
  border-color: rgba(255, 255, 255, 0.24);
}

/* Full icon-only cells */
.status-full .comparison-cell-inner,
.status-none .comparison-cell-inner {
  justify-content: center;
}

/* Icons */
.comparison-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
}

.comparison-icon-check {
  width: 21px;
  height: 21px;
  border-radius: 6px;
  background: linear-gradient(180deg, #5af0a2 0%, #28c977 100%);
  color: #06120d;
  font-size: 14px;
  font-weight: 900;
  line-height: 1;
  box-shadow:
    0 0 18px rgba(65, 215, 137, 0.28),
    inset 0 1px 0 rgba(255, 255, 255, 0.32);
}

.comparison-icon-cross {
  color: #ff466d;
  font-size: 30px;
  font-weight: 800;
  line-height: 1;
  text-shadow: 0 0 14px rgba(255, 70, 109, 0.25);
}

.comparison-icon-warning {
  position: relative;
  width: 0;
  height: 0;
  margin-top: -1px;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-bottom: 16px solid #ffb32c;
  filter: drop-shadow(0 0 10px rgba(255, 179, 44, 0.22));
}

.comparison-icon-warning::after {
  content: "!";
  position: absolute;
  left: -2px;
  top: 4px;
  color: #1a1126;
  font-size: 10px;
  font-weight: 900;
}

/* Mobile hint */
.pacera-comparison-mobile-hint {
  display: none;
  margin-top: 16px;
  color: rgba(255, 255, 255, 0.55);
  font-size: 14px;
  text-align: center;
}

/* Larger screens */
@media (min-width: 1200px) {
  .comparison-cell-note {
    min-height: 38px;
    padding: 9px 16px;
    font-size: 14px;
    line-height: 1.45;
    gap: 9px;
  }

  .status-partial .comparison-cell-note,
  .status-custom .comparison-cell-note {
    min-height: 46px;
  }
}

/* Tablet */
@media (max-width: 991px) {
  .pacera-comparison-section {
    padding: 76px 0;
  }

  .pacera-comparison-header h2 {
    font-size: 38px;
  }

  .pacera-comparison-description {
    font-size: 17px;
  }

  .pacera-comparison-mobile-hint {
    display: block;
  }
}

/* Mobile */
@media (max-width: 767px) {
  .pacera-comparison-section {
    padding: 64px 0;
  }

  .pacera-comparison-header {
    margin-bottom: 36px;
  }

  .pacera-comparison-header h2 {
    font-size: 32px;
  }

  .pacera-comparison-description {
    font-size: 16px;
  }

  .pacera-comparison-scroll {
    border-radius: 18px;
  }

  .pacera-comparison-table {
    min-width: 1160px;
    font-size: 12px;
  }

  .pacera-comparison-table th {
    height: 54px;
    padding: 12px 10px;
    font-size: 12px;
    line-height: 1.25;
    word-break: normal;
    overflow-wrap: normal;
    hyphens: none;
  }

  .pacera-comparison-table td {
    height: 56px;
    padding: 12px 10px;
    font-size: 12px;
    line-height: 1.3;
    word-break: normal;
    overflow-wrap: normal;
    hyphens: none;
  }

  .pacera-capability-col {
    width: 180px;
    min-width: 180px;
    max-width: 180px;
  }

  .pacera-comparison-table th:not(.pacera-capability-col),
  .pacera-comparison-table td:not(.pacera-capability-col) {
    width: calc((100% - 180px) / 8);
  }

  .comparison-cell-note {
    width: 100%;
    max-width: 100%;
    min-height: 34px;
    padding: 5px 8px;
    border-radius: 14px;
    font-size: 12px;
    line-height: 1.25;
    white-space: normal;
    flex-wrap: wrap;
    gap: 6px;
  }

  .status-partial .comparison-cell-note,
  .status-custom .comparison-cell-note {
    min-height: 36px;
    padding: 5px 8px;
    border-radius: 14px;
  }

  .comparison-cell-note span:last-child {
    max-width: calc(100% - 24px);
    overflow-wrap: normal;
    word-break: normal;
  }

  .comparison-icon-check {
    width: 18px;
    height: 18px;
    font-size: 12px;
    border-radius: 5px;
  }

  .comparison-icon-cross {
    font-size: 26px;
  }

  .comparison-icon-warning {
    border-left-width: 7px;
    border-right-width: 7px;
    border-bottom-width: 14px;
  }

  .comparison-icon-warning::after {
    left: -2px;
    top: 3px;
    font-size: 9px;
  }
}

/* text squashes fix */

/* =========================================
   Laptop/Desktop Text Readability Fix
========================================= */

/* Give the table more breathing room on laptop screens */
@media (min-width: 992px) and (max-width: 1399px) {
  .pacera-comparison-table {
    min-width: 1280px;
  }

  .pacera-capability-col {
    width: 250px;
    min-width: 250px;
    max-width: 250px;
  }

  .pacera-comparison-table th:not(.pacera-capability-col),
  .pacera-comparison-table td:not(.pacera-capability-col) {
    width: calc((100% - 250px) / 8);
  }

  .pacera-comparison-table th {
    font-size: 14px;
    line-height: 1.25;
    padding: 16px 14px;
  }

  .pacera-comparison-table td {
    font-size: 14px;
    line-height: 1.35;
    padding: 15px 14px;
  }

  .comparison-cell-note {
    font-size: 13px;
    line-height: 1.25;
    padding: 7px 10px;
    gap: 6px;
    max-width: 100%;
    white-space: normal;
  }

  .comparison-cell-note span:last-child {
    max-width: 100%;
    overflow-wrap: normal;
    word-break: normal;
  }
}

/* Better large desktop spacing */
@media (min-width: 1400px) {
  .pacera-comparison-table {
    min-width: 1320px;
  }

  .pacera-capability-col {
    width: 260px;
    min-width: 260px;
    max-width: 260px;
  }

  .pacera-comparison-table th:not(.pacera-capability-col),
  .pacera-comparison-table td:not(.pacera-capability-col) {
    width: calc((100% - 260px) / 8);
  }

  .comparison-cell-note {
    max-width: 100%;
    white-space: normal;
  }
}

/* bubble fixes */

/* =========================================
   Cleaner Dense Table Text Override
   Removes bubbles for better readability
========================================= */

.status-partial .comparison-cell-note,
.status-custom .comparison-cell-note {
  width: 100%;
  min-height: auto;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  transform: none;
}

.status-partial .comparison-cell-note:hover,
.status-custom .comparison-cell-note:hover {
  transform: none;
  border-color: transparent;
}

.comparison-cell-note {
  gap: 6px;
  font-size: 12px;
  font-weight: 600;
  line-height: 1.25;
  white-space: normal;
}

.comparison-cell-note span:last-child {
  max-width: 100%;
  line-height: 1.25;
}

.status-partial .comparison-cell-note {
  color: #ffd27a;
}

.status-custom .comparison-cell-note {
  color: rgba(255, 255, 255, 0.86);
}

.pacera-comparison-table th {
  font-size: 13px;
  line-height: 1.2;
}

.pacera-comparison-table td {
  font-size: 12px;
  line-height: 1.25;
}

.pacera-capability-col {
  font-size: 12px;
  line-height: 1.25;
}

.comparison-icon-warning {
  border-left-width: 6px;
  border-right-width: 6px;
  border-bottom-width: 12px;
}

.comparison-icon-warning::after {
  left: -2px;
  top: 2px;
  font-size: 8px;
}

@media (min-width: 992px) and (max-width: 1399px) {
  .pacera-comparison-table {
    min-width: 1180px;
  }

  .pacera-capability-col {
    width: 230px;
    min-width: 230px;
    max-width: 230px;
  }

  .pacera-comparison-table th:not(.pacera-capability-col),
  .pacera-comparison-table td:not(.pacera-capability-col) {
    width: calc((100% - 230px) / 8);
  }
}

@media (max-width: 767px) {
  .comparison-cell-note {
    font-size: 11px;
    line-height: 1.2;
    gap: 4px;
  }

  .pacera-comparison-table th,
  .pacera-comparison-table td,
  .pacera-capability-col {
    font-size: 11px;
  }
}



/* Footer CTA form update */

/* =========================================
   Footer CTA HubSpot form - corrected layout
   Fixes spacing + iframe scrollbar
========================================= */

/* Keep this scoped only to Page Specific Footer CTA */
.footer-cta .footer-cta__form-col {
  border-radius: 17px;
  background: linear-gradient(180deg, #38c9d6 0%, #cf24ff 100%);
  padding: 5px;
  overflow: hidden;
  align-self: center;
}

/* Reset inner wrapper */
.footer-cta .page-cta,
.footer-cta .footer-cta__hs-form-wrapper {
  width: 100%;
  margin: 0;
  padding: 0;
  background: #ffffff;
  border-radius: 13px;
  overflow: hidden;
}

.footer-cta .footer-cta__hs-form-wrapper {
  padding: 30px 32px;
}

@media (max-width: 768px) {
  .footer-cta .footer-cta__hs-form-wrapper {
    padding: 22px 18px;
  }
}

/* HubSpot iframe: give it padding and enough height */
.footer-cta .footer-cta__hs-form-wrapper iframe,
.footer-cta .footer-cta__hs-form-wrapper .hs-form-frame {
  display: block;
  width: 100% !important;
  max-width: 100%;
  height: 460px !important;
  min-height: 460px !important;
  border: 0;
  border-radius: 13px;
  background: #ffffff;

  /* This fixes the no-spacing issue */
  padding: 28px 34px !important;
  box-sizing: border-box;

  margin: 0 !important;
  transform: none !important;
}

/* Desktop / laptop layout */
@media (min-width: 1180px) {
  .footer-cta {
    padding-bottom: 32px;
  }

  .footer-cta .cta-wraper > div {
    padding: 38px 30px !important;
  }

  .footer-cta .footer-cta__layout {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(520px, 0.9fr);
    gap: clamp(36px, 4vw, 64px);
    align-items: center;
  }

  .footer-cta .footer-cta__layout > .left-box,
  .footer-cta .footer-cta__layout > .footer-cta__form-col {
    width: auto !important;
    max-width: none !important;
    min-width: 0;
    flex: initial !important;
  }

  .footer-cta .left-box {
    justify-content: center;
    gap: 48px;
  }

  .footer-cta h2 {
    margin-bottom: 14px;
  }

  .footer-cta p {
    margin-bottom: 0 !important;
    padding-bottom: 0;
  }

  .footer-cta .trust {
    margin-bottom: 22px !important;
  }

  .footer-cta .trust-clients {
    margin-bottom: 0 !important;
    gap: 32px;
    flex-wrap: wrap;
  }
}

/* Large desktop */
@media (min-width: 1440px) {
  .footer-cta .footer-cta__hs-form-wrapper iframe,
  .footer-cta .footer-cta__hs-form-wrapper .hs-form-frame {
    height: 460px !important;
    min-height: 460px !important;
  }
}

/* Tablet */
@media (max-width: 1179px) {
  .footer-cta .footer-cta__form-col {
    max-width: 720px;
    margin-left: auto;
    margin-right: auto;
  }

  .footer-cta .footer-cta__hs-form-wrapper iframe,
  .footer-cta .footer-cta__hs-form-wrapper .hs-form-frame {
    height: 560px !important;
    min-height: 560px !important;
    padding: 28px 28px !important;
    box-sizing: border-box;
  }
}

/* Mobile */
@media (max-width: 768px) {
  .footer-cta .footer-cta__hs-form-wrapper iframe,
  .footer-cta .footer-cta__hs-form-wrapper .hs-form-frame {
    height: 680px !important;
    min-height: 680px !important;
    padding: 24px 18px !important;
    box-sizing: border-box;
  }
}

/* =========================================
   Footer CTA HubSpot validation scrollbar fix
   Allows room for HubSpot error messages
   Desktop + mobile combined final version
========================================= */

/* Desktop / laptop: allow room for Email, Product, Privacy Policy errors */
@media (min-width: 1180px) {
  .footer-cta .footer-cta__hs-form-wrapper iframe,
  .footer-cta .footer-cta__hs-form-wrapper .hs-form-frame {
    height: 545px !important;
    min-height: 545px !important;

    /* slightly more top spacing + enough room for 3 errors */
    padding: 34px 34px 26px !important;

    box-sizing: border-box;
    overflow: hidden !important;
  }
}

/* Larger desktop */
@media (min-width: 1440px) {
  .footer-cta .footer-cta__hs-form-wrapper iframe,
  .footer-cta .footer-cta__hs-form-wrapper .hs-form-frame {
    height: 555px !important;
    min-height: 555px !important;
  }
}

/* Mobile: allow room for Email, Product, Privacy Policy errors */
@media (max-width: 768px) {
  .footer-cta .footer-cta__form-col {
    width: calc(100% - 32px);
    max-width: 390px;
    margin-left: auto;
    margin-right: auto;
  }

  .footer-cta .page-cta,
  .footer-cta .footer-cta__hs-form-wrapper {
    border-radius: 13px;
    overflow: hidden;
  }

  .footer-cta .footer-cta__hs-form-wrapper iframe,
  .footer-cta .footer-cta__hs-form-wrapper .hs-form-frame {
    height: 680px !important;
    min-height: 680px !important;

    /* slightly more top spacing + enough room for privacy-policy error */
    padding: 30px 18px 20px !important;

    box-sizing: border-box;
    overflow: hidden !important;
  }
}

/* Webinar Thank you page CSS */

/* =========================================
   Webinar Thank You Page
========================================= */

.webinar-thank-you-page {
  background:
    radial-gradient(circle at top left, rgba(104, 0, 210, 0.08) 0, rgba(104, 0, 210, 0) 34%),
    linear-gradient(180deg, #f8f9ff 0%, #ffffff 100%);
  color: #071f3a;
}

.webinar-thank-you-hero {
  position: relative;
  overflow: hidden;
  padding: 115px 0 125px;
}

.webinar-thank-you-hero::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 4px;
  background: linear-gradient(90deg, #6600cc 0%, #8b35ff 50%, #6600cc 100%);
  pointer-events: none;
}

.webinar-thank-you-hero .container {
  max-width: 1180px;
  margin: 0 auto;
  padding-left: 24px;
  padding-right: 24px;
}

.webinar-thank-you-hero__grid {
  display: grid;
  grid-template-columns: minmax(0, 0.92fr) minmax(0, 1.08fr);
  gap: 76px;
  align-items: center;
}

.webinar-thank-you-hero__content {
  max-width: 570px;
}

.webinar-thank-you-hero__eyebrow {
  display: inline-flex;
  align-items: center;
  margin: 0 0 22px;
  padding: 8px 16px;
  border-radius: 999px;
  background: rgba(102, 0, 204, 0.1);
  color: #6600cc;
  font-size: 14px;
  font-weight: 800;
  line-height: 1.2;
  letter-spacing: -0.01em;
}

.webinar-thank-you-hero__title {
  max-width: 560px;
  margin: 0 0 24px;
  color: #071f3a;
  font-size: clamp(46px, 4.6vw, 72px);
  font-weight: 800;
  line-height: 0.98;
  letter-spacing: -0.055em;
}

.webinar-thank-you-hero__description {
  max-width: 560px;
  color: #263d56;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.65;
}

.webinar-thank-you-hero__description p {
  margin: 0 0 16px;
}

.webinar-thank-you-hero__description p:last-child {
  margin-bottom: 0;
}

.webinar-thank-you-hero__meta {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin: 34px 0 16px;
}

.webinar-thank-you-hero__meta span {
  display: inline-flex;
  align-items: center;
  min-height: 34px;
  padding: 8px 14px;
  border: 1px solid rgba(7, 31, 58, 0.06);
  border-radius: 999px;
  background: #ffffff;
  color: #263d56;
  font-size: 13px;
  font-weight: 800;
  line-height: 1;
  box-shadow: 0 10px 28px rgba(7, 31, 58, 0.06);
}

.webinar-thank-you-hero__webinar-title {
  max-width: 560px;
  margin: 0;
  color: #071f3a;
  font-size: 23px;
  font-weight: 800;
  line-height: 1.28;
  letter-spacing: -0.03em;
}

.webinar-thank-you-hero__note {
  max-width: 560px;
  margin-top: 26px;
  padding: 20px 22px;
  border: 1px solid rgba(102, 0, 204, 0.12);
  border-left: 5px solid #6600cc;
  border-radius: 18px;
  background: #ffffff;
  color: #263d56;
  font-size: 16px;
  line-height: 1.6;
  box-shadow: 0 18px 45px rgba(7, 31, 58, 0.07);
}

.webinar-thank-you-hero__note p {
  margin: 0;
}

.webinar-thank-you-hero__actions {
  margin-top: 32px;
}

.webinar-thank-you-hero__button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 52px;
  padding: 15px 26px;
  border-radius: 999px;
  background: #6600cc;
  color: #ffffff;
  font-size: 15px;
  font-weight: 800;
  line-height: 1;
  text-decoration: none;
  box-shadow: 0 16px 34px rgba(102, 0, 204, 0.24);
  transition: transform 0.2s ease, box-shadow 0.2s ease, background 0.2s ease;
}

.webinar-thank-you-hero__button:hover,
.webinar-thank-you-hero__button:focus {
  background: #5200a8;
  color: #ffffff;
  transform: translateY(-2px);
  box-shadow: 0 22px 44px rgba(102, 0, 204, 0.3);
}

.webinar-thank-you-hero__media {
  position: relative;
}

.webinar-thank-you-hero__media::before {
  content: "";
  position: absolute;
  inset: -22px;
  border-radius: 38px;
  background: linear-gradient(135deg, rgba(102, 0, 204, 0.12), rgba(255, 255, 255, 0));
  pointer-events: none;
}

.webinar-thank-you-video-card,
.webinar-thank-you-image-card {
  position: relative;
  overflow: hidden;
  border: 1px solid rgba(7, 31, 58, 0.06);
  border-radius: 28px;
  background: #ffffff;
  box-shadow: 0 30px 80px rgba(7, 31, 58, 0.14);
}

.webinar-thank-you-video-card {
  padding: 12px;
}

.webinar-thank-you-video-card__inner {
  overflow: hidden;
  border-radius: 20px;
  background: #071f3a;
}

.webinar-thank-you-video-card__inner img,
.webinar-thank-you-video-card__inner iframe,
.webinar-thank-you-video-card__inner video {
  display: block;
  width: 100%;
  max-width: 100%;
}

.webinar-thank-you-video-card__inner .hs-video-widget {
  display: block;
  width: 100%;
}

.webinar-thank-you-image-card {
  aspect-ratio: 16 / 10;
}

.webinar-thank-you-image-card__image {
  display: block;
  width: 100%;
  height: 100%;
  min-height: 390px;
  object-fit: cover;
}

.webinar-thank-you-image-card::after {
  content: "";
  position: absolute;
  inset: 0;
  background:
    linear-gradient(180deg, rgba(102, 0, 204, 0) 35%, rgba(102, 0, 204, 0.16) 100%),
    linear-gradient(90deg, rgba(102, 0, 204, 0.12), rgba(102, 0, 204, 0));
  pointer-events: none;
}

.webinar-thank-you-image-card__fallback {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 420px;
  padding: 44px;
  background:
    radial-gradient(circle at top right, rgba(255, 255, 255, 0.22), rgba(255, 255, 255, 0) 34%),
    linear-gradient(135deg, #071f3a 0%, #6600cc 100%);
  color: #ffffff;
  font-size: 30px;
  font-weight: 800;
  line-height: 1.15;
  text-align: center;
  letter-spacing: -0.035em;
}

/* Better HubSpot video sizing */
.webinar-thank-you-video-card__inner .hs-video-widget img {
  width: 100% !important;
  height: auto !important;
}

.webinar-thank-you-video-card__inner script {
  display: none;
}

/* Tablet */
@media (max-width: 1180px) {
  .webinar-thank-you-hero {
    padding: 95px 0 105px;
  }

  .webinar-thank-you-hero__grid {
    gap: 52px;
  }

  .webinar-thank-you-hero__title {
    font-size: clamp(42px, 5vw, 60px);
  }
}

/* Mobile and small tablet */
@media (max-width: 991px) {
  .webinar-thank-you-hero {
    padding: 76px 0 86px;
  }

  .webinar-thank-you-hero__grid {
    grid-template-columns: 1fr;
    gap: 44px;
  }

  .webinar-thank-you-hero__content {
    max-width: 720px;
  }

  .webinar-thank-you-hero__media {
    max-width: 760px;
  }
}

/* Mobile */
@media (max-width: 640px) {
  .webinar-thank-you-hero {
    padding: 58px 0 68px;
  }

  .webinar-thank-you-hero .container {
    padding-left: 18px;
    padding-right: 18px;
  }

  .webinar-thank-you-hero__grid {
    gap: 34px;
  }

  .webinar-thank-you-hero__eyebrow {
    margin-bottom: 18px;
    font-size: 13px;
  }

  .webinar-thank-you-hero__title {
    margin-bottom: 20px;
    font-size: 42px;
    line-height: 1;
  }

  .webinar-thank-you-hero__description {
    font-size: 16px;
    line-height: 1.6;
  }

  .webinar-thank-you-hero__meta {
    margin-top: 28px;
  }

  .webinar-thank-you-hero__webinar-title {
    font-size: 21px;
  }

  .webinar-thank-you-hero__media::before {
    inset: -12px;
    border-radius: 30px;
  }

  .webinar-thank-you-video-card,
  .webinar-thank-you-image-card {
    border-radius: 22px;
  }

  .webinar-thank-you-video-card {
    padding: 9px;
  }

  .webinar-thank-you-video-card__inner {
    border-radius: 16px;
  }

  .webinar-thank-you-image-card {
    aspect-ratio: 16 / 11;
  }

  .webinar-thank-you-image-card__image,
  .webinar-thank-you-image-card__fallback {
    min-height: 255px;
  }
}


/* ==========================================================================
   New form -> Pacera — footer CTA HubSpot form (raw HTML / inline embed)

   Written against the actual rendered markup of form
   8bb628e7-c752-4700-ab5d-59626f3b1b01, so every selector below is confirmed
   present rather than assumed.

   Scoped to .footer-cta__hs-form-wrapper throughout, so it cannot affect the
   events page form or any other HubSpot form on the site.
   ========================================================================== */

.footer-cta__hs-form-wrapper {
  --hsf-purple: #6200b3;
  --hsf-purple-hover: #7c1699;
  --hsf-ink: #121d33;
  --hsf-ink-soft: #56607a;
  --hsf-ink-faint: #7b849a;
  --hsf-field-bg: #f4f7fb;
  --hsf-border: #d7dce7;
  --hsf-border-hover: #b6bfd0;
  --hsf-danger: #d92d4b;
  --hsf-radius: 10px;
  --hsf-gap: 16px;
  --hsf-field-h: 48px;

  padding: 30px 32px;
  box-sizing: border-box;
  text-align: left;
}

.footer-cta__hs-form-wrapper * {
  box-sizing: border-box;
}

/* The hidden submit target must stay hidden */
.footer-cta__hs-form-wrapper iframe[name^="target_iframe"] {
  display: none !important;
}

/* --- Form shell ---------------------------------------------------------- */

.footer-cta__hs-form-wrapper .hs-form {
  font-family: inherit;
  color: var(--hsf-ink);
}

.footer-cta__hs-form-wrapper .hs-form fieldset {
  max-width: none !important;
  width: 100%;
  margin: 0;
  padding: 0;
  border: 0;
  min-width: 0;
}

.footer-cta__hs-form-wrapper .hs-form fieldset > div.input,
.footer-cta__hs-form-wrapper .hs-form .hs-form-field > .input {
  margin: 0 !important;
}

/* --- Labels -------------------------------------------------------------- */

.footer-cta__hs-form-wrapper .hs-form-field > label {
  display: block;
  margin: 0 0 6px;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.3;
  color: var(--hsf-ink);
}

.footer-cta__hs-form-wrapper .hs-form-field > label > span {
  font: inherit;
  color: inherit;
}

.footer-cta__hs-form-wrapper .hs-form-required {
  margin-left: 3px;
  color: var(--hsf-danger);
}

/* --- Field spacing ------------------------------------------------------- */

.footer-cta__hs-form-wrapper .hs-form-field {
  margin-bottom: var(--hsf-gap);
}

.footer-cta__hs-form-wrapper fieldset.form-columns-1 > .hs-form-field,
.footer-cta__hs-form-wrapper fieldset.form-columns-2 > .hs-form-field {
  width: 100% !important;
  float: none !important;
  padding: 0 !important;
}

/* Two-column name row. HubSpot emits fieldset.form-columns-2 for the pair. */
@media (min-width: 480px) {
  .footer-cta__hs-form-wrapper fieldset.form-columns-2 {
    display: grid;
    grid-template-columns: 1fr 1fr;
    column-gap: 14px;
  }
}

/* --- Inputs and select --------------------------------------------------- */

.footer-cta__hs-form-wrapper input.hs-input[type="text"],
.footer-cta__hs-form-wrapper input.hs-input[type="email"],
.footer-cta__hs-form-wrapper input.hs-input[type="tel"],
.footer-cta__hs-form-wrapper input.hs-input[type="number"],
.footer-cta__hs-form-wrapper select.hs-input,
.footer-cta__hs-form-wrapper textarea.hs-input {
  display: block;
  width: 100% !important;
  height: var(--hsf-field-h);
  padding: 0 14px;
  font-family: inherit;
  font-size: 15px;
  line-height: normal;
  color: var(--hsf-ink);
  background-color: var(--hsf-field-bg);
  border: 1px solid var(--hsf-border);
  border-radius: var(--hsf-radius);
  appearance: none;
  -webkit-appearance: none;
  transition: border-color .15s ease, background-color .15s ease, box-shadow .15s ease;
}

.footer-cta__hs-form-wrapper textarea.hs-input {
  height: auto;
  min-height: 110px;
  padding: 12px 14px;
  line-height: 1.5;
  resize: vertical;
}

.footer-cta__hs-form-wrapper .hs-input::placeholder {
  color: var(--hsf-ink-faint);
  opacity: 1;
}

.footer-cta__hs-form-wrapper .hs-input:hover:not(:focus) {
  border-color: var(--hsf-border-hover);
}

.footer-cta__hs-form-wrapper .hs-input:focus {
  outline: none;
  background-color: #fff;
  border-color: var(--hsf-purple);
  box-shadow: 0 0 0 3px rgba(98, 0, 179, .14);
}

/* Custom dropdown arrow, replacing the native control */
.footer-cta__hs-form-wrapper select.hs-input {
  padding-right: 40px;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1.5 6 6.5l5-5' stroke='%23121d33' stroke-width='1.75' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 15px center;
  cursor: pointer;
}

/* HubSpot marks the unselected state with .is-placeholder */
.footer-cta__hs-form-wrapper select.hs-input.is-placeholder {
  color: var(--hsf-ink-faint);
}

/* --- Legal consent block -------------------------------------------------
   This is the part that dominates the form when unstyled. Three .hs-richtext
   blocks plus one checkbox, all rendering at body size. Demote to small print.
   ---------------------------------------------------------------------- */

.footer-cta__hs-form-wrapper .legal-consent-container {
  margin: 4px 0 20px;
  padding-top: 16px;
  border-top: 1px solid var(--hsf-border);
}

.footer-cta__hs-form-wrapper .legal-consent-container .hs-richtext,
.footer-cta__hs-form-wrapper .legal-consent-container .hs-richtext p {
  margin: 0 0 8px;
  font-size: 12.5px;
  line-height: 1.5;
  color: var(--hsf-ink-faint);
}

.footer-cta__hs-form-wrapper .legal-consent-container .hs-richtext:last-child,
.footer-cta__hs-form-wrapper .legal-consent-container .hs-richtext:last-child p {
  margin-bottom: 0;
}

.footer-cta__hs-form-wrapper .legal-consent-container a {
  color: var(--hsf-purple);
  text-decoration: underline;
}

.footer-cta__hs-form-wrapper .legal-consent-container .hs-form-field {
  margin: 10px 0;
}

.footer-cta__hs-form-wrapper .legal-consent-container .inputs-list {
  margin: 0;
  padding: 0;
  list-style: none;
}

/* Checkbox row — label.hs-form-booleancheckbox-display wraps input + span */
.footer-cta__hs-form-wrapper label.hs-form-booleancheckbox-display {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  margin: 0;
  font-size: 13px;
  font-weight: 400;
  line-height: 1.45;
  color: var(--hsf-ink-soft);
  cursor: pointer;
}

.footer-cta__hs-form-wrapper label.hs-form-booleancheckbox-display > span {
  font: inherit;
  color: inherit;
}

.footer-cta__hs-form-wrapper input.hs-input[type="checkbox"] {
  flex: 0 0 auto;
  width: 18px;
  height: 18px;
  margin: 1px 0 0;
  padding: 0;
  background-color: var(--hsf-field-bg);
  border: 1px solid var(--hsf-border);
  border-radius: 5px;
  appearance: none;
  -webkit-appearance: none;
  cursor: pointer;
  transition: background-color .15s ease, border-color .15s ease;
}

.footer-cta__hs-form-wrapper input.hs-input[type="checkbox"]:checked {
  background-color: var(--hsf-purple);
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='9' viewBox='0 0 11 9'%3E%3Cpath d='M1 4.5 4 7.5 10 1.5' stroke='%23fff' stroke-width='2' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  border-color: var(--hsf-purple);
}

.footer-cta__hs-form-wrapper input.hs-input[type="checkbox"]:focus-visible {
  outline: none;
  box-shadow: 0 0 0 3px rgba(98, 0, 179, .18);
}

/* HubSpot hides these inline; make sure they stay hidden */
.footer-cta__hs-form-wrapper .hs-field-desc:empty,
.footer-cta__hs-form-wrapper legend.hs-field-desc {
  display: none !important;
}

/* --- Validation errors ---------------------------------------------------- */

.footer-cta__hs-form-wrapper .hs-error-msgs {
  margin: 6px 0 0;
  padding: 0;
  list-style: none;
}

.footer-cta__hs-form-wrapper .hs-error-msgs label,
.footer-cta__hs-form-wrapper .hs-error-msg {
  display: block;
  margin: 0;
  font-size: 12.5px;
  font-weight: 400;
  line-height: 1.4;
  color: var(--hsf-danger);
}

.footer-cta__hs-form-wrapper .hs-input.invalid,
.footer-cta__hs-form-wrapper .hs-input.error {
  border-color: var(--hsf-danger);
  background-color: #fdf4f6;
}

.footer-cta__hs-form-wrapper .hs_error_rollup {
  margin-top: 12px;
}

.footer-cta__hs-form-wrapper .hs_error_rollup .hs-error-msgs label {
  font-weight: 600;
}

/* --- Submit button — pill, matching the product cards ------------------- */

.footer-cta__hs-form-wrapper .hs_submit .hs-field-desc {
  display: none;
}

.footer-cta__hs-form-wrapper .hs_submit .actions {
  margin: 0;
  padding: 0;
}

.footer-cta__hs-form-wrapper input.hs-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: auto;
  min-height: 52px;
  padding: 0 36px;
  font-family: inherit;
  font-size: 16px;
  font-weight: 700;
  line-height: 1;
  color: #fff;
  background-color: var(--hsf-purple);
  border: 0;
  border-radius: 999px;
  cursor: pointer;
  appearance: none;
  -webkit-appearance: none;
  transition: background-color .15s ease, transform .1s ease;
}

.footer-cta__hs-form-wrapper input.hs-button:hover {
  background-color: var(--hsf-purple-hover);
}

.footer-cta__hs-form-wrapper input.hs-button:active {
  transform: translateY(1px);
}

.footer-cta__hs-form-wrapper input.hs-button:focus-visible {
  outline: none;
  box-shadow: 0 0 0 3px rgba(98, 0, 179, .25);
}

.footer-cta__hs-form-wrapper input.hs-button[disabled] {
  opacity: .55;
  cursor: not-allowed;
}

/* --- Success state ------------------------------------------------------- */

.footer-cta__hs-form-wrapper .submitted-message {
  padding: 10px 0;
  font-size: 16px;
  line-height: 1.6;
  color: var(--hsf-ink);
}

/* --- Smaller viewports --------------------------------------------------- */

@media (max-width: 768px) {
  .footer-cta__hs-form-wrapper {
    padding: 24px 20px;
    --hsf-gap: 14px;
    --hsf-field-h: 46px;
  }

  .footer-cta__hs-form-wrapper input.hs-button {
    width: 100%;
  }
}

.footer-cta .footer-cta__hs-form-wrapper .legal-consent-container .inputs-list,
.footer-cta .footer-cta__hs-form-wrapper .legal-consent-container .inputs-list li {
  margin: 0;
  padding: 0;
  border: 0;
  list-style: none;
}

.footer-cta .footer-cta__hs-form-wrapper label.hs-form-booleancheckbox-display {
  display: flex;
  align-items: flex-start;
  gap: 10px;
}

.footer-cta .footer-cta__hs-form-wrapper input.hs-input[type="checkbox"] {
  flex: 0 0 18px;
  width: 18px;
  height: 18px;
  margin: 2px 0 0;
  padding: 0;
  background-color: #fff;
  border: 1.5px solid #98a2b6;
  border-radius: 4px;
  appearance: none;
  -webkit-appearance: none;
  cursor: pointer;
}

.footer-cta .footer-cta__hs-form-wrapper input.hs-input[type="checkbox"]:checked {
  background-color: #6200b3;
  border-color: #6200b3;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='9' viewBox='0 0 11 9'%3E%3Cpath d='M1 4.5 4 7.5 10 1.5' stroke='%23fff' stroke-width='2' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
}

.footer-cta .footer-cta__hs-form-wrapper input.hs-input.invalid,
.footer-cta .footer-cta__hs-form-wrapper input.hs-input.error {
  border-color: #d92d4b;
  background-color: #fdf4f6;
}

.footer-cta .footer-cta__hs-form-wrapper select.hs-input option {
  color: #121d33;
  background-color: #ffffff;
}

/* Consent tick box styling */

.footer-cta .footer-cta__hs-form-wrapper label.hs-form-booleancheckbox-display {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  margin: 0;
  padding: 0;
  text-indent: 0;
}

.footer-cta .footer-cta__hs-form-wrapper label.hs-form-booleancheckbox-display > span {
  display: block;
  flex: 1 1 auto;
  margin: 0 !important;
  padding: 0 !important;
  text-indent: 0 !important;
}

.footer-cta .footer-cta__hs-form-wrapper label.hs-form-booleancheckbox-display > input[type="checkbox"] {
  margin: 2px 0 0 !important;
}