.elementor-kit-12{--e-global-color-primary:#B9E75A;--e-global-color-secondary:#E7B85A;--e-global-color-text:#000000;--e-global-color-accent:#61CE7000;--e-global-color-d2a1862:#8FC91D;--e-global-color-dbcf9ee:#2C331E;--e-global-color-f34da7f:#C98F1D;--e-global-color-2bcc380:#251A03;--e-global-color-ee0b1a6:#000000;--e-global-color-cac3bba:#1E1E1F;--e-global-color-1369f47:#0A0A0B;--e-global-color-900c4b8:#111112;--e-global-color-8a0bd81:#FFFFFF;--e-global-color-9150b11:#000000;--e-global-color-178e581:#FFFFFF0A;--e-global-color-aff0afa:#f00;--e-global-color-0cafe35:#CFE0AA;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-size:80px;--e-global-typography-primary-font-weight:500;--e-global-typography-primary-text-transform:none;--e-global-typography-primary-text-decoration:none;--e-global-typography-primary-line-height:90px;--e-global-typography-secondary-font-family:"Roboto";--e-global-typography-secondary-font-size:48px;--e-global-typography-secondary-font-weight:500;--e-global-typography-secondary-text-transform:none;--e-global-typography-secondary-text-decoration:none;--e-global-typography-secondary-line-height:58px;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-size:16px;--e-global-typography-text-font-weight:400;--e-global-typography-text-text-transform:none;--e-global-typography-text-text-decoration:none;--e-global-typography-text-line-height:26px;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-size:14px;--e-global-typography-accent-font-weight:400;--e-global-typography-accent-text-transform:uppercase;--e-global-typography-accent-text-decoration:none;--e-global-typography-accent-line-height:24px;--e-global-typography-accent-letter-spacing:1.5px;--e-global-typography-3359a19-font-family:"Roboto";--e-global-typography-3359a19-font-size:40px;--e-global-typography-3359a19-font-weight:500;--e-global-typography-3359a19-text-transform:none;--e-global-typography-3359a19-text-decoration:none;--e-global-typography-3359a19-line-height:50px;--e-global-typography-3925429-font-family:"Roboto";--e-global-typography-3925429-font-size:32px;--e-global-typography-3925429-font-weight:500;--e-global-typography-3925429-text-transform:none;--e-global-typography-3925429-text-decoration:none;--e-global-typography-3925429-line-height:42px;--e-global-typography-759bc6f-font-family:"Roboto";--e-global-typography-759bc6f-font-size:26px;--e-global-typography-759bc6f-font-weight:500;--e-global-typography-759bc6f-text-transform:none;--e-global-typography-759bc6f-text-decoration:none;--e-global-typography-759bc6f-line-height:36px;--e-global-typography-124d00b-font-family:"Roboto";--e-global-typography-124d00b-font-size:22px;--e-global-typography-124d00b-font-weight:500;--e-global-typography-124d00b-text-transform:none;--e-global-typography-124d00b-text-decoration:none;--e-global-typography-124d00b-line-height:32px;--e-global-typography-2bfdfc9-font-family:"Roboto";--e-global-typography-2bfdfc9-font-size:18px;--e-global-typography-2bfdfc9-font-weight:400;--e-global-typography-2bfdfc9-text-transform:none;--e-global-typography-2bfdfc9-text-decoration:none;--e-global-typography-2bfdfc9-line-height:28px;--e-global-typography-bff9890-font-family:"Roboto";--e-global-typography-bff9890-font-size:14px;--e-global-typography-bff9890-font-weight:400;--e-global-typography-bff9890-text-transform:none;--e-global-typography-bff9890-text-decoration:none;--e-global-typography-bff9890-line-height:24px;--e-global-typography-9bed401-font-family:"Roboto";--e-global-typography-9bed401-font-size:15px;--e-global-typography-9bed401-font-weight:500;--e-global-typography-9bed401-text-transform:capitalize;--e-global-typography-9bed401-text-decoration:none;--e-global-typography-9bed401-line-height:25px;--e-global-typography-6e736a9-font-family:"Roboto";--e-global-typography-6e736a9-font-size:15px;--e-global-typography-6e736a9-font-weight:400;--e-global-typography-6e736a9-text-transform:none;--e-global-typography-6e736a9-text-decoration:none;--e-global-typography-6e736a9-line-height:25px;--e-global-typography-80dc24e-font-family:"Roboto";--e-global-typography-80dc24e-font-size:52px;--e-global-typography-80dc24e-font-weight:400;--e-global-typography-80dc24e-text-transform:none;--e-global-typography-80dc24e-text-decoration:none;--e-global-typography-80dc24e-line-height:62px;--e-global-typography-97edbaf-font-family:"Roboto";--e-global-typography-97edbaf-font-size:14px;--e-global-typography-97edbaf-font-weight:500;--e-global-typography-97edbaf-text-transform:capitalize;--e-global-typography-97edbaf-text-decoration:none;--e-global-typography-97edbaf-line-height:24px;--e-global-typography-6baffcf-font-family:"Roboto";--e-global-typography-6baffcf-font-size:14px;--e-global-typography-6baffcf-font-weight:300;--e-global-typography-6baffcf-text-transform:none;--e-global-typography-6baffcf-text-decoration:none;--e-global-typography-6baffcf-line-height:20px;--e-global-typography-be0297f-font-family:"Playfair Display";--e-global-typography-be0297f-font-size:80px;--e-global-typography-be0297f-font-weight:500;--e-global-typography-be0297f-text-transform:none;--e-global-typography-be0297f-font-style:italic;--e-global-typography-be0297f-text-decoration:none;--e-global-typography-be0297f-line-height:90px;--e-global-typography-2af5057-font-family:"Roboto";--e-global-typography-2af5057-font-size:150px;--e-global-typography-2af5057-font-weight:500;--e-global-typography-2af5057-text-transform:none;--e-global-typography-2af5057-text-decoration:none;--e-global-typography-2af5057-line-height:160px;--e-global-typography-98f6213-font-family:"Playfair Display";--e-global-typography-98f6213-font-size:160px;--e-global-typography-98f6213-font-weight:500;--e-global-typography-98f6213-text-transform:none;--e-global-typography-98f6213-font-style:italic;--e-global-typography-98f6213-text-decoration:none;--e-global-typography-98f6213-line-height:170px;--e-global-typography-b37ad5b-font-family:"Playfair Display";--e-global-typography-b37ad5b-font-size:48px;--e-global-typography-b37ad5b-font-weight:500;--e-global-typography-b37ad5b-text-transform:none;--e-global-typography-b37ad5b-font-style:italic;--e-global-typography-b37ad5b-text-decoration:none;--e-global-typography-b37ad5b-line-height:58px;--e-global-typography-7260a31-font-family:"Roboto";--e-global-typography-7260a31-font-size:22px;--e-global-typography-7260a31-font-weight:500;--e-global-typography-7260a31-text-transform:uppercase;--e-global-typography-7260a31-text-decoration:none;--e-global-typography-7260a31-line-height:32px;color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );text-transform:var( --e-global-typography-text-text-transform );text-decoration:var( --e-global-typography-text-text-decoration );line-height:var( --e-global-typography-text-line-height );}.elementor-kit-12 e-page-transition{background-color:#FFBC7D;}.elementor-kit-12 p{margin-block-end:0px;}.elementor-kit-12 a{color:var( --e-global-color-primary );}.elementor-kit-12 h1{color:var( --e-global-color-ee0b1a6 );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );text-transform:var( --e-global-typography-primary-text-transform );text-decoration:var( --e-global-typography-primary-text-decoration );line-height:var( --e-global-typography-primary-line-height );}.elementor-kit-12 h2{color:var( --e-global-color-ee0b1a6 );font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-size:var( --e-global-typography-secondary-font-size );font-weight:var( --e-global-typography-secondary-font-weight );text-transform:var( --e-global-typography-secondary-text-transform );text-decoration:var( --e-global-typography-secondary-text-decoration );line-height:var( --e-global-typography-secondary-line-height );}.elementor-kit-12 h3{color:var( --e-global-color-ee0b1a6 );font-family:var( --e-global-typography-3359a19-font-family ), Sans-serif;font-size:var( --e-global-typography-3359a19-font-size );font-weight:var( --e-global-typography-3359a19-font-weight );text-transform:var( --e-global-typography-3359a19-text-transform );text-decoration:var( --e-global-typography-3359a19-text-decoration );line-height:var( --e-global-typography-3359a19-line-height );}.elementor-kit-12 h4{color:var( --e-global-color-ee0b1a6 );font-family:var( --e-global-typography-3925429-font-family ), Sans-serif;font-size:var( --e-global-typography-3925429-font-size );font-weight:var( --e-global-typography-3925429-font-weight );text-transform:var( --e-global-typography-3925429-text-transform );text-decoration:var( --e-global-typography-3925429-text-decoration );line-height:var( --e-global-typography-3925429-line-height );}.elementor-kit-12 h5{color:var( --e-global-color-ee0b1a6 );font-family:var( --e-global-typography-759bc6f-font-family ), Sans-serif;font-size:var( --e-global-typography-759bc6f-font-size );font-weight:var( --e-global-typography-759bc6f-font-weight );text-transform:var( --e-global-typography-759bc6f-text-transform );text-decoration:var( --e-global-typography-759bc6f-text-decoration );line-height:var( --e-global-typography-759bc6f-line-height );}.elementor-kit-12 h6{color:var( --e-global-color-ee0b1a6 );font-family:var( --e-global-typography-124d00b-font-family ), Sans-serif;font-size:var( --e-global-typography-124d00b-font-size );font-weight:var( --e-global-typography-124d00b-font-weight );text-transform:var( --e-global-typography-124d00b-text-transform );text-decoration:var( --e-global-typography-124d00b-text-decoration );line-height:var( --e-global-typography-124d00b-line-height );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1328px;}.e-con{--container-max-width:1328px;--container-default-padding-top:24px;--container-default-padding-right:24px;--container-default-padding-bottom:24px;--container-default-padding-left:24px;}.elementor-widget:not(:last-child){--kit-widget-spacing:24px;}.elementor-element{--widgets-spacing:24px 24px;--widgets-spacing-row:24px;--widgets-spacing-column:24px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-kit-12{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-kit-12 h1{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}.elementor-kit-12 h2{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );}.elementor-kit-12 h3{font-size:var( --e-global-typography-3359a19-font-size );line-height:var( --e-global-typography-3359a19-line-height );}.elementor-kit-12 h4{font-size:var( --e-global-typography-3925429-font-size );line-height:var( --e-global-typography-3925429-line-height );}.elementor-kit-12 h5{font-size:var( --e-global-typography-759bc6f-font-size );line-height:var( --e-global-typography-759bc6f-line-height );}.elementor-kit-12 h6{font-size:var( --e-global-typography-124d00b-font-size );line-height:var( --e-global-typography-124d00b-line-height );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-kit-12{--e-global-typography-primary-font-size:45px;--e-global-typography-primary-line-height:55px;--e-global-typography-secondary-font-size:40px;--e-global-typography-secondary-line-height:50px;--e-global-typography-text-font-size:15px;--e-global-typography-text-line-height:25px;--e-global-typography-accent-font-size:13px;--e-global-typography-accent-line-height:23px;--e-global-typography-3359a19-font-size:32px;--e-global-typography-3359a19-line-height:42px;--e-global-typography-3925429-font-size:28px;--e-global-typography-3925429-line-height:38px;--e-global-typography-759bc6f-font-size:24px;--e-global-typography-759bc6f-line-height:34px;--e-global-typography-124d00b-font-size:20px;--e-global-typography-124d00b-line-height:30px;--e-global-typography-2bfdfc9-font-size:16px;--e-global-typography-2bfdfc9-line-height:26px;--e-global-typography-be0297f-font-size:45px;--e-global-typography-be0297f-line-height:55px;--e-global-typography-2af5057-font-size:72px;--e-global-typography-2af5057-line-height:82px;--e-global-typography-98f6213-font-size:72px;--e-global-typography-98f6213-line-height:82px;--e-global-typography-b37ad5b-font-size:40px;--e-global-typography-b37ad5b-line-height:50px;--e-global-typography-7260a31-font-size:20px;--e-global-typography-7260a31-line-height:30px;font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-kit-12 h1{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}.elementor-kit-12 h2{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );}.elementor-kit-12 h3{font-size:var( --e-global-typography-3359a19-font-size );line-height:var( --e-global-typography-3359a19-line-height );}.elementor-kit-12 h4{font-size:var( --e-global-typography-3925429-font-size );line-height:var( --e-global-typography-3925429-line-height );}.elementor-kit-12 h5{font-size:var( --e-global-typography-759bc6f-font-size );line-height:var( --e-global-typography-759bc6f-line-height );}.elementor-kit-12 h6{font-size:var( --e-global-typography-124d00b-font-size );line-height:var( --e-global-typography-124d00b-line-height );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}:root { --Title-h2:Arial; }
/* Start custom CSS *//* ================================
   GCD WHY SECTION CARD ANIMATIONS
================================ */

/* Parent card container */
.gcd-why-card {
  position: relative;
  overflow: hidden;
  border-radius: 18px;
  background: #ffffff;
  border: 1px solid rgba(0, 72, 130, 0.10);
  transition: 
    transform 0.35s ease,
    box-shadow 0.35s ease,
    border-color 0.35s ease;
  isolation: isolate;
}

/* Soft gradient glow layer */
.gcd-why-card::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(
    135deg,
    rgba(0, 132, 202, 0.10),
    rgba(118, 188, 45, 0.10)
  );
  opacity: 0;
  transition: opacity 0.35s ease;
  z-index: -1;
}

/* Animated shine sweep */
.gcd-why-card::after {
  content: "";
  position: absolute;
  top: 0;
  left: -120%;
  width: 80%;
  height: 100%;
  background: linear-gradient(
    120deg,
    transparent,
    rgba(255, 255, 255, 0.65),
    transparent
  );
  transform: skewX(-20deg);
  transition: left 0.65s ease;
  pointer-events: none;
}

/* Hover effect */
.gcd-why-card:hover {
  transform: translateY(-10px);
  border-color: rgba(0, 132, 202, 0.35);
  box-shadow: 
    0 18px 45px rgba(0, 72, 130, 0.14),
    0 6px 18px rgba(0, 0, 0, 0.06);
}

.gcd-why-card:hover::before {
  opacity: 1;
}

.gcd-why-card:hover::after {
  left: 130%;
}

/* Icon animation */
.gcd-why-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transition: 
    transform 0.35s ease,
    color 0.35s ease,
    filter 0.35s ease;
}

/* Icon hover movement */
.gcd-why-card:hover .gcd-why-icon {
  transform: translateY(-4px) scale(1.12) rotate(-4deg);
  color: #0084ca;
  filter: drop-shadow(0 8px 14px rgba(0, 132, 202, 0.25));
}

/* Heading inside card */
.gcd-why-card h1,
.gcd-why-card h2,
.gcd-why-card h3,
.gcd-why-card h4,
.gcd-why-card .elementor-heading-title {
  transition: color 0.35s ease, transform 0.35s ease;
}

/* Text hover effect */
.gcd-why-card:hover .elementor-heading-title {
  color: #004880;
  transform: translateY(-2px);
}

/* Paragraph / description text */
.gcd-why-card p {
  transition: color 0.35s ease, transform 0.35s ease;
}

.gcd-why-card:hover p {
  color: #3f4852;
  transform: translateY(-2px);
}

/* Entrance animation */
.gcd-why-card {
  animation: gcdFadeUp 0.75s ease both;
}

/* Staggered card entrance */
.gcd-why-card:nth-child(1) {
  animation-delay: 0.05s;
}

.gcd-why-card:nth-child(2) {
  animation-delay: 0.15s;
}

.gcd-why-card:nth-child(3) {
  animation-delay: 0.25s;
}

.gcd-why-card:nth-child(4) {
  animation-delay: 0.35s;
}

/* Fade up keyframes */
@keyframes gcdFadeUp {
  from {
    opacity: 0;
    transform: translateY(28px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* Subtle floating animation for icons */
.gcd-why-icon {
  animation: gcdIconFloat 3.5s ease-in-out infinite;
}

@keyframes gcdIconFloat {
  0%, 100% {
    transform: translateY(0);
  }

  50% {
    transform: translateY(-5px);
  }
}

/* Pause floating icon when card is hovered, so hover animation feels cleaner */
.gcd-why-card:hover .gcd-why-icon {
  animation-play-state: paused;
}

/* Mobile optimization */
@media (max-width: 767px) {
  .gcd-why-card:hover {
    transform: translateY(-6px);
  }

  .gcd-why-card {
    border-radius: 14px;
  }
}

/* ================================
   HERO RIGHT IMAGE + FLOATING TAGS
================================ */

/* Main parent container holding the image and tags */
.gcd-hero-visual {
  position: relative;
  overflow: visible;
  animation: gcdHeroFadeIn 0.9s ease both;
}

/* Hero image subtle modern motion */
.gcd-hero-visual img {
  animation: gcdHeroImageFloat 6s ease-in-out infinite;
  transition: transform 0.45s ease, filter 0.45s ease;
}

/* Slight image lift on hover */
.gcd-hero-visual:hover img {
  transform: translateY(-6px) scale(1.015);
  filter: drop-shadow(0 24px 45px rgba(0, 60, 90, 0.22));
}

/* Container wrapping each button/tag */
.gcd-hero-tag-wrap {
  position: relative;
  animation: gcdTagEntrance 0.75s ease both;
}

/* Staggered entrance for the 4 tag containers */
.gcd-hero-tag-wrap:nth-of-type(1) {
  animation-delay: 0.2s;
}

.gcd-hero-tag-wrap:nth-of-type(2) {
  animation-delay: 0.35s;
}

.gcd-hero-tag-wrap:nth-of-type(3) {
  animation-delay: 0.5s;
}

.gcd-hero-tag-wrap:nth-of-type(4) {
  animation-delay: 0.65s;
}

/* Actual floating tag/button */
.gcd-hero-tag {
  position: relative;
  overflow: hidden;
  border-radius: 10px;
  background: linear-gradient(135deg, #005a9c, #0078c8);
  color: #a8ff3e;
  border: 1px solid rgba(168, 255, 62, 0.35);
  box-shadow: 
    0 10px 24px rgba(0, 90, 156, 0.25),
    inset 0 1px 0 rgba(255, 255, 255, 0.18);
  transition:
    transform 0.35s ease,
    box-shadow 0.35s ease,
    background 0.35s ease,
    color 0.35s ease;
  animation: gcdTagFloat 4s ease-in-out infinite;
}

/* Different floating rhythm per tag */
.gcd-hero-tag-wrap:nth-of-type(1) .gcd-hero-tag {
  animation-delay: 0s;
}

.gcd-hero-tag-wrap:nth-of-type(2) .gcd-hero-tag {
  animation-delay: 0.5s;
}

.gcd-hero-tag-wrap:nth-of-type(3) .gcd-hero-tag {
  animation-delay: 1s;
}

.gcd-hero-tag-wrap:nth-of-type(4) .gcd-hero-tag {
  animation-delay: 1.5s;
}

/* Shine effect on button */
.gcd-hero-tag::before {
  content: "";
  position: absolute;
  top: 0;
  left: -120%;
  width: 70%;
  height: 100%;
  background: linear-gradient(
    120deg,
    transparent,
    rgba(255, 255, 255, 0.55),
    transparent
  );
  transform: skewX(-20deg);
  transition: left 0.6s ease;
}

/* Small pulse dot */
.gcd-hero-tag::after {
  content: "";
  position: absolute;
  width: 7px;
  height: 7px;
  right: 9px;
  top: 9px;
  border-radius: 50%;
  background: #a8ff3e;
  box-shadow: 0 0 0 rgba(168, 255, 62, 0.7);
  animation: gcdTagPulse 2s infinite;
}

/* Hover interaction */
.gcd-hero-tag:hover {
  transform: translateY(-5px) scale(1.05);
  background: linear-gradient(135deg, #0078c8, #79bd2f);
  color: #ffffff;
  box-shadow:
    0 18px 34px rgba(0, 90, 156, 0.35),
    0 0 0 4px rgba(168, 255, 62, 0.12);
}

.gcd-hero-tag:hover::before {
  left: 130%;
}

/* Optional: make Elementor button text inherit styling */
.gcd-hero-tag .elementor-button,
.gcd-hero-tag a,
.gcd-hero-tag span {
  color: inherit !important;
  position: relative;
  z-index: 2;
}

/* Entrance animation */
@keyframes gcdHeroFadeIn {
  from {
    opacity: 0;
    transform: translateX(35px) scale(0.98);
  }

  to {
    opacity: 1;
    transform: translateX(0) scale(1);
  }
}

/* Hero image breathing movement */
@keyframes gcdHeroImageFloat {
  0%, 100% {
    transform: translateY(0);
  }

  50% {
    transform: translateY(-8px);
  }
}

/* Tag entrance */
@keyframes gcdTagEntrance {
  from {
    opacity: 0;
    transform: translateY(18px) scale(0.9);
  }

  to {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}

/* Floating tag animation */
@keyframes gcdTagFloat {
  0%, 100% {
    transform: translateY(0);
  }

  50% {
    transform: translateY(-7px);
  }
}

/* Green dot pulse */
@keyframes gcdTagPulse {
  0% {
    box-shadow: 0 0 0 0 rgba(168, 255, 62, 0.65);
  }

  70% {
    box-shadow: 0 0 0 9px rgba(168, 255, 62, 0);
  }

  100% {
    box-shadow: 0 0 0 0 rgba(168, 255, 62, 0);
  }
}

/* Mobile cleanup */
@media (max-width: 767px) {
  .gcd-hero-visual img {
    animation: none;
  }

  .gcd-hero-tag {
    animation: gcdTagFloat 5s ease-in-out infinite;
    font-size: 12px;
  }

  .gcd-hero-tag::after {
    display: none;
  }
}

/* ================================
   OPEN ROLES SECTION ANIMATIONS
================================ */

/* Whole section */
.gcd-roles-section {
  position: relative;
  overflow: hidden;
}

/* Optional soft background glow */
.gcd-roles-section::before {
  content: "";
  position: absolute;
  width: 420px;
  height: 420px;
  top: 40%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: radial-gradient(
    circle,
    rgba(0, 132, 202, 0.10),
    rgba(118, 188, 45, 0.07),
    transparent 68%
  );
  pointer-events: none;
  z-index: 0;
}

/* Role card */
.gcd-role-card {
  position: relative;
  overflow: hidden;
  isolation: isolate;
  border-radius: 20px;
  background: rgba(255, 255, 255, 0.94);
  border: 1px solid rgba(0, 72, 130, 0.12);
  transition:
    transform 0.4s ease,
    box-shadow 0.4s ease,
    border-color 0.4s ease;
  animation: gcdRoleFadeUp 0.8s ease both;
}

/* Card gradient overlay */
.gcd-role-card::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(
    145deg,
    rgba(0, 132, 202, 0.11),
    rgba(118, 188, 45, 0.10)
  );
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: -1;
}

/* Top accent bar */
.gcd-role-card::after {
  content: "";
  position: absolute;
  top: 0;
  left: 24px;
  right: 24px;
  height: 4px;
  border-radius: 0 0 999px 999px;
  background: linear-gradient(90deg, #0084ca, #76bc2d);
  transform: scaleX(0);
  transform-origin: center;
  transition: transform 0.4s ease;
}

/* Hover state */
.gcd-role-card:hover {
  transform: translateY(-12px);
  border-color: rgba(0, 132, 202, 0.35);
  box-shadow:
    0 22px 50px rgba(0, 72, 130, 0.16),
    0 8px 18px rgba(0, 0, 0, 0.06);
}

.gcd-role-card:hover::before {
  opacity: 1;
}

.gcd-role-card:hover::after {
  transform: scaleX(1);
}

/* Stagger entrance */
.gcd-role-card:nth-of-type(1) {
  animation-delay: 0.08s;
}

.gcd-role-card:nth-of-type(2) {
  animation-delay: 0.2s;
}

.gcd-role-card:nth-of-type(3) {
  animation-delay: 0.32s;
}

/* Card title */
.gcd-role-title,
.gcd-role-card .elementor-heading-title {
  transition:
    color 0.35s ease,
    transform 0.35s ease;
}

.gcd-role-card:hover .gcd-role-title,
.gcd-role-card:hover .elementor-heading-title {
  color: #004880;
  transform: translateY(-3px);
}

/* Subtitle */
.gcd-role-subtitle,
.gcd-role-card .elementor-widget-text-editor {
  transition:
    color 0.35s ease,
    transform 0.35s ease;
}

.gcd-role-card:hover .gcd-role-subtitle,
.gcd-role-card:hover .elementor-widget-text-editor {
  color: #3f4852;
  transform: translateY(-2px);
}

/* Icon list animation */
.gcd-role-list .elementor-icon-list-item {
  transition:
    transform 0.3s ease,
    color 0.3s ease;
}

/* Stagger list movement on hover */
.gcd-role-card:hover .gcd-role-list .elementor-icon-list-item:nth-child(1) {
  transform: translateX(6px);
}

.gcd-role-card:hover .gcd-role-list .elementor-icon-list-item:nth-child(2) {
  transform: translateX(10px);
}

.gcd-role-card:hover .gcd-role-list .elementor-icon-list-item:nth-child(3) {
  transform: translateX(6px);
}

.gcd-role-card:hover .gcd-role-list .elementor-icon-list-item:nth-child(4) {
  transform: translateX(10px);
}

/* List icon/dot styling */
.gcd-role-list .elementor-icon-list-icon i,
.gcd-role-list .elementor-icon-list-icon svg {
  transition:
    transform 0.3s ease,
    color 0.3s ease,
    fill 0.3s ease;
}

.gcd-role-card:hover .gcd-role-list .elementor-icon-list-icon i,
.gcd-role-card:hover .gcd-role-list .elementor-icon-list-icon svg {
  transform: scale(1.18);
  color: #76bc2d;
  fill: #76bc2d;
}

/* Button */
.gcd-role-button .elementor-button {
  position: relative;
  overflow: hidden;
  border-radius: 8px;
  background: linear-gradient(135deg, #5f6b78, #3f4a56);
  color: #a8ff3e !important;
  transition:
    transform 0.35s ease,
    box-shadow 0.35s ease,
    background 0.35s ease,
    color 0.35s ease;
}

/* Button shine */
.gcd-role-button .elementor-button::before {
  content: "";
  position: absolute;
  top: 0;
  left: -120%;
  width: 70%;
  height: 100%;
  background: linear-gradient(
    120deg,
    transparent,
    rgba(255, 255, 255, 0.45),
    transparent
  );
  transform: skewX(-20deg);
  transition: left 0.6s ease;
}

/* Button hover */
.gcd-role-button .elementor-button:hover {
  transform: translateY(-3px) scale(1.04);
  background: linear-gradient(135deg, #0084ca, #76bc2d);
  color: #ffffff !important;
  box-shadow: 0 12px 24px rgba(0, 132, 202, 0.28);
}

.gcd-role-button .elementor-button:hover::before {
  left: 130%;
}

/* Make button text stay above shine */
.gcd-role-button .elementor-button-text {
  position: relative;
  z-index: 2;
}

/* Entrance animation */
@keyframes gcdRoleFadeUp {
  from {
    opacity: 0;
    transform: translateY(34px) scale(0.96);
  }

  to {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}

/* Mobile optimization */
@media (max-width: 767px) {
  .gcd-role-card:hover {
    transform: translateY(-7px);
  }

  .gcd-role-card {
    border-radius: 16px;
  }

  .gcd-roles-section::before {
    width: 260px;
    height: 260px;
  }
}


 .blue-text {
  color: #0662B4;
}


/* Rapid Value Realization cards */
.pov-card-left,
.pov-card-right {
  position: relative;
  overflow: hidden;
  border-radius: 18px;
  transition: 
    transform 0.45s ease,
    box-shadow 0.45s ease,
    border-color 0.45s ease;
}

/* Subtle animated glow background */
.pov-card-left::before,
.pov-card-right::before {
  content: "";
  position: absolute;
  inset: -40%;
  background: radial-gradient(
    circle,
    rgba(185, 231, 90, 0.22),
    transparent 55%
  );
  opacity: 0;
  transform: scale(0.8);
  transition: opacity 0.45s ease, transform 0.45s ease;
  pointer-events: none;
  z-index: 0;
}

/* Keep widgets above glow */
.pov-card-left > *,
.pov-card-right > * {
  position: relative;
  z-index: 1;
}

/* Hover animation */
.pov-card-left:hover,
.pov-card-right:hover {
  transform: translateY(-8px);
  box-shadow: 0 18px 45px rgba(185, 231, 90, 0.22);
  border-color: #B9E75A !important;
}

.pov-card-left:hover::before,
.pov-card-right:hover::before {
  opacity: 1;
  transform: scale(1);
}

/* Image animation */
.pov-card-left img,
.pov-card-right img {
  transition: transform 0.45s ease, filter 0.45s ease;
}

.pov-card-left:hover img,
.pov-card-right:hover img {
  transform: scale(1.08) rotate(-2deg);
  filter: drop-shadow(0 0 12px rgba(185, 231, 90, 0.6));
}

/* Icon list animation */
.pov-card-left .elementor-icon-list-item,
.pov-card-right .elementor-icon-list-item {
  transition: transform 0.35s ease, color 0.35s ease;
}

.pov-card-left:hover .elementor-icon-list-item,
.pov-card-right:hover .elementor-icon-list-item {
  transform: translateX(6px);
}

/* Bullet icon color */
.pov-card-left .elementor-icon-list-icon i,
.pov-card-right .elementor-icon-list-icon i,
.pov-card-left .elementor-icon-list-icon svg,
.pov-card-right .elementor-icon-list-icon svg {
  color: #B9E75A;
  fill: #B9E75A;
}

/* Optional: entrance animation */
.pov-card-left {
  animation: povFadeLeft 0.8s ease both;
}

.pov-card-right {
  animation: povFadeRight 0.8s ease both;
  animation-delay: 0.15s;
}

@keyframes povFadeLeft {
  from {
    opacity: 0;
    transform: translateX(-35px);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}

@keyframes povFadeRight {
  from {
    opacity: 0;
    transform: translateX(35px);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}

/* Staff Augmentation Cards - safe version */
.staff-card {
  position: relative;
  overflow: hidden;
  border-radius: 22px;
  background: #ffffff;
  padding: 30px;
  box-shadow: 0 10px 30px rgba(3, 47, 34, 0.12);
  transition: 
    transform 0.35s ease,
    box-shadow 0.35s ease,
    border-color 0.35s ease;
}

/* Hover card lift */
.staff-card:hover {
  transform: translateY(-8px);
  box-shadow:
    0 18px 45px rgba(3, 47, 34, 0.18),
    0 0 24px rgba(185, 231, 90, 0.28);
}

/* Soft glow background */
.staff-card::before {
  content: "";
  position: absolute;
  inset: -40%;
  background: radial-gradient(
    circle at top left,
    rgba(185, 231, 90, 0.22),
    transparent 45%
  );
  opacity: 0;
  transform: scale(0.75);
  transition: all 0.45s ease;
  pointer-events: none;
  z-index: 0;
}

.staff-card:hover::before {
  opacity: 1;
  transform: scale(1);
}

/* Keep content clickable and visible */
.staff-card > * {
  position: relative;
  z-index: 1;
}

/* Image animation */
.staff-card img {
  transition: transform 0.4s ease, filter 0.4s ease;
}

.staff-card:hover img {
  transform: scale(1.08) rotate(-2deg);
  filter: drop-shadow(0 0 12px rgba(185, 231, 90, 0.55));
}

/* Heading animation */
.staff-card .elementor-heading-title {
  transition: color 0.3s ease, transform 0.3s ease;
}

.staff-card:hover .elementor-heading-title {
  color: #0b3d2e;
  transform: translateY(-3px);
}

/* Text animation */
.staff-card .elementor-widget-text-editor {
  transition: transform 0.3s ease;
}

.staff-card:hover .elementor-widget-text-editor {
  transform: translateY(3px);
}

/* Hide empty Elementor Icon List items */
.elementor-icon-list-item:has(.elementor-icon-list-text:empty) {
    display: none !important;
}

/* Main popup layout */
.team-popup {
  width: 100% !important;
  max-width: 900px !important;
  display: flex !important;
  flex-direction: row !important;
  align-items: stretch !important;
  gap: 48px !important;
  padding: 40px !important;
  box-sizing: border-box !important;
}

/* Image side */
.team-popup .popup-image-section {
  flex: 0 0 42% !important;
  max-width: 42% !important;
}

/* Image */
.team-popup .popup-image-section img {
  width: 100% !important;
  height: 100% !important;
  max-height: 600px !important;
  object-fit: cover !important;
  border-radius: 16px !important;
}

/* Mobile */
@media (max-width: 767px) {
  .elementor-popup-modal .dialog-widget-content {
    width: 95vw !important;
    max-width: 95vw !important;
  }

  .team-popup {
    flex-direction: column !important;
    gap: 24px !important;
    padding: 24px !important;
  }

  .team-popup .popup-image-section {
    max-width: 100% !important;
    flex: 0 0 auto !important;
  }

  .team-popup .popup-image-section img {
    max-height: 360px !important;
  }
}/* End custom CSS */