/* Base font */
body { font-family: 'DM Sans', Arial, sans-serif; }

/* ==========================================================================
   ISDT Consultants - site styles
   Header · Hero · Services · Methodology · Standards · Industries ·
   Why ISDT · Regional presence · Contact · Footer
   Tokens: navy #071b58 · blue #0d4cff · cyan #b9ffff · pale #edf2f7 · dark #0c0e13
   Fonts: Cormorant Garamond (serif) · DM Sans (sans)
   ========================================================================== */

/* --------------------------------------------------------------------------
   Base: page background
   -------------------------------------------------------------------------- */

body.home,
body.page-id-4940,
body.home #page,
body.page-id-4940 #page,
body.home .site-content,
body.page-id-4940 .site-content {
  background: #edf2f7 !important;
}

/* --------------------------------------------------------------------------
   Astra overrides: hide theme footer and scroll-to-top
   -------------------------------------------------------------------------- */

#ast-scroll-top {
  display: none !important;
}

footer#colophon,
.site-footer {
  display: none !important;
}

/* --------------------------------------------------------------------------
   Header (navbar and mobile menu)
   -------------------------------------------------------------------------- */

.isdt-navbar {
  --navy: #071b58;
  --blue: #0d4cff;
  --cyan: #b9ffff;
  --dark: #0c0e13;
  --serif: 'Cormorant Garamond', Georgia, serif;
  --sans: 'DM Sans', Arial, sans-serif;
  position: absolute !important;
  z-index: 3;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  padding: 28px 5vw !important;
  color: #fff;
  font-family: var(--sans);
}

.isdt-brand {
  text-decoration: none;
  flex: none;
}

.isdt-brand .elementor-widget-image {
  flex: none;
  width: auto;
}

.isdt-brand .isdt-logo img {
  width: 70px;
  height: 70px;
  object-fit: contain;
  display: block;
}

.isdt-brand .isdt-brand-text {
  flex: none;
  width: auto;
}

.isdt-brand .isdt-brand-text .elementor-heading-title {
  margin: 0;
}

.isdt-nav,
.isdt-nav-btn,
.isdt-nav-mobile {
  flex: none;
  width: auto;
}

.isdt-navbar .isdt-nav-btn .elementor-button-text {
  display: inline-flex;
  align-items: center;
  gap: 10px;
}

@media (min-width:1181px) {
  .isdt-nav-mobile {
    display: none !important;
  }

}

@media (max-width:1180px) {
  .isdt-nav,
  .isdt-nav-btn {
    display: none !important;
  }

  .isdt-nav-mobile .elementor-nav-menu--main {
    display: none !important;
  }

  .isdt-nav-mobile .elementor-menu-toggle {
    position: relative;
    z-index: 5;
    display: flex !important;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    padding: 0;
    background: transparent !important;
    color: #fff;
    margin: 0 0 0 auto;
  }

  .isdt-nav-mobile .elementor-menu-toggle>* {
    display: none !important;
  }

  .isdt-nav-mobile .elementor-menu-toggle::before,
  .isdt-nav-mobile .elementor-menu-toggle::after {
    content: '';
    position: absolute;
    width: 25px;
    height: 2px;
    border-radius: 2px;
    background: currentColor;
    transition: transform .25s ease, opacity .2s ease;
  }

  .isdt-nav-mobile .elementor-menu-toggle::before {
    transform: translateY(-5px);
  }

  .isdt-nav-mobile .elementor-menu-toggle::after {
    transform: translateY(5px);
  }

  .isdt-nav-mobile .elementor-menu-toggle.elementor-active::before {
    transform: rotate(45deg);
  }

  .isdt-nav-mobile .elementor-menu-toggle.elementor-active::after {
    transform: rotate(-45deg);
  }

  .isdt-nav-mobile .elementor-menu-toggle.elementor-active+.elementor-nav-menu__container {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    width: 100vw !important;
    height: 100vh !important;
    max-height: 100vh !important;
    margin: 0 !important;
    padding: 110px 28px !important;
    background: #0c0e13;
    z-index: 4;
    overflow-y: auto;
  }

  .isdt-nav-mobile .elementor-nav-menu--dropdown > ul {
    display: flex;
    flex-direction: column;
    gap: 24px;
  }

  .isdt-nav-mobile .elementor-nav-menu--dropdown a.elementor-item {
    font: 400 36px/1 var(--serif) !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
    padding: 0 !important;
    border: 0 !important;
    color: #fff;
    background: transparent !important;
  }

  .isdt-nav-mobile .elementor-nav-menu--dropdown a.elementor-item:hover {
    color: var(--cyan);
  }

  .isdt-nav-mobile .elementor-nav-menu--dropdown .sub-arrow,
  .isdt-nav-mobile .elementor-nav-menu--dropdown .sub-arrow i,
  .isdt-nav-mobile .elementor-nav-menu--dropdown .sub-arrow svg {
    color: #ffffff99 !important;
    fill: #ffffff99 !important;
  }

  .isdt-nav-mobile .elementor-nav-menu--dropdown .sub-arrow {
    padding: 0 0 0 10px;
    font-size: 16px;
  }

  .isdt-nav-mobile .elementor-nav-menu--dropdown .sub-arrow i,
  .isdt-nav-mobile .elementor-nav-menu--dropdown .sub-arrow svg {
    transition: transform .25s ease;
  }

  .isdt-nav-mobile .elementor-nav-menu--dropdown a[aria-expanded="true"] .sub-arrow i,
  .isdt-nav-mobile .elementor-nav-menu--dropdown a[aria-expanded="true"] .sub-arrow svg {
    transform: rotate(180deg);
  }

  .isdt-nav-mobile .elementor-nav-menu--dropdown .sub-menu {
    gap: 0;
    margin: 14px 0 4px 2px;
    padding: 4px 0 4px 18px;
    border-left: 1px solid #ffffff1f;
  }

  .isdt-nav-mobile .elementor-nav-menu--dropdown a.elementor-sub-item {
    padding: 9px 0 !important;
    border: 0 !important;
    background: transparent !important;
    color: #ffffffb3;
    font: 500 17px/1.35 var(--sans) !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
  }

  .isdt-nav-mobile .elementor-nav-menu--dropdown a.elementor-sub-item:hover {
    color: var(--cyan);
  }

}

.isdt-nav-mobile .elementor-menu-toggle,
.isdt-nav-mobile .elementor-menu-toggle:hover,
.isdt-nav-mobile .elementor-menu-toggle:focus,
.isdt-nav-mobile .elementor-menu-toggle.elementor-active {
  color: #fff !important;
}

@media (min-width:1181px) {
  .isdt-navbar {
    display: grid !important;
    grid-template-columns: 1fr auto 1fr;
    align-items: center;
  }

  .isdt-navbar>.isdt-brand {
    justify-self: start;
  }

  .isdt-navbar>.isdt-nav {
    justify-self: center;
  }

  .isdt-navbar>.isdt-nav-btn {
    justify-self: end;
  }

}

@media (max-width:1180px) {
  .isdt-navbar {
    display: flex !important;
    justify-content: space-between;
  }

}

@media (max-width:850px) {
  .isdt-brand .isdt-logo img {
    width: 58px !important;
    height: 58px !important;
  }

}

@media (min-width:1025px) and (max-width:1180px) {
  .isdt-nav-mobile .elementor-menu-toggle.elementor-active+.elementor-nav-menu__container {
    display: block !important;
    transform: none !important;
    visibility: visible !important;
    opacity: 1 !important;
  }

}

/* --------------------------------------------------------------------------
   Hero
   -------------------------------------------------------------------------- */

.isdt-hero {
  --navy: #071b58;
  --blue: #0d4cff;
  --cyan: #b9ffff;
  --dark: #0c0e13;
  --serif: 'Cormorant Garamond', Georgia, serif;
  --sans: 'DM Sans', Arial, sans-serif;
  position: relative;
  overflow: hidden;
  background-color: #080b12;
  color: #fff;
  font-family: var(--sans);
}

.isdt-hero::before {
  background: linear-gradient(110deg, #0c0e13f7, #1f2630cc 48%, #006c7caf) !important;
  opacity: 1 !important;
}

.isdt-hero-grid {
  position: absolute !important;
  inset: 0;
  width: 100% !important;
  height: 100% !important;
  min-height: 0 !important;
  opacity: .2;
  background-image: linear-gradient(#ffffff17 1px, transparent 1px), linear-gradient(90deg, #ffffff17 1px, transparent 1px);
  background-size: 56px 56px;
  pointer-events: none;
}

.isdt-glow {
  position: absolute !important;
  min-height: 0 !important;
  padding: 0 !important;
  border-radius: 50%;
  filter: blur(80px);
  pointer-events: none;
}

.isdt-glow-left {
  bottom: 5%;
  left: -80px;
  width: 280px !important;
  height: 280px !important;
  background: #5efaff26;
}

.isdt-glow-right {
  right: -100px;
  bottom: -20px;
  width: 380px !important;
  height: 380px !important;
  background: #071b58aa;
}

.isdt-hero-content {
  position: relative;
  z-index: 1;
  flex: 1 1 auto;
  width: 100%;
  padding: 170px 5vw 90px !important;
}

.isdt-hero-content>.isdt-hero-left {
  flex: 3 1 0;
  min-width: 0;
}

.isdt-hero-content>.isdt-hero-copy {
  flex: 2 1 0;
  min-width: 0;
  align-self: flex-end;
  margin-bottom: 15px;
}

.isdt-eyebrow p {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  margin: 0;
  border: 1px solid #ffffff44;
  border-radius: 999px;
  padding: 7px 12px;
  color: #efffff;
}

.isdt-eyebrow p::before {
  content: '';
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: var(--blue);
}

.isdt-h1 .elementor-heading-title {
  margin: 0;
  font: 300 clamp(3.2rem, 8vw, 6.4rem)/.92 var(--serif);
  letter-spacing: -.055em;
  color: #fff;
}

.isdt-h1 em {
  font-style: italic;
  color: var(--cyan);
}

.isdt-hero-copy p {
  margin: 0;
  font-size: 17px;
  line-height: 1.75;
  color: #ffffffcc;
}

.isdt-btn {
  width: auto;
}

.isdt-btn .elementor-button {
  display: inline-flex;
}

.isdt-btn .elementor-button-text {
  display: inline-flex;
  align-items: center;
  gap: 12px;
}

.isdt-btn b {
  display: grid;
  place-items: center;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  background: #0d4cff;
  color: #fff;
  font-size: 17px;
  font-weight: 700;
  line-height: 1;
}

.isdt-hero-footer {
  position: relative;
  z-index: 1;
  padding: 20px 5vw !important;
}

.isdt-hero-footer .elementor-heading-title {
  margin: 0;
  line-height: 1.5;
}

@media (max-width:700px) {
  .isdt-hero-content {
    flex-direction: column !important;
    align-items: stretch !important;
  }

  .isdt-hero-content>.isdt-hero-copy {
    margin-top: 35px;
    margin-bottom: 0;
    align-self: stretch;
  }

  .isdt-h1 .elementor-heading-title {
    font-size: clamp(3.3rem, 15vw, 5.4rem);
  }

  .isdt-hf-right {
    display: none !important;
  }

}

.isdt-hero-content {
  flex-grow: 1 !important;
}

.isdt-hero-footer {
  margin-top: auto !important;
  width: 100%;
}

/* --------------------------------------------------------------------------
   Section: Services (also shared: container, eyebrow, headings)
   -------------------------------------------------------------------------- */

.isdt-services {
  --navy: #071b58;
  --blue: #0d4cff;
  --pale: #edf2f7;
  --serif: 'Cormorant Garamond', Georgia, serif;
  --sans: 'DM Sans', Arial, sans-serif;
  background: var(--pale);
  color: var(--navy);
  font-family: var(--sans);
  padding: 112px 0 !important;
}

.isdt-container {
  width: min(1180px, calc(100% - 48px)) !important;
  max-width: none !important;
  margin: 0 auto !important;
}

.isdt-eyebrow-lt p {
  border-color: rgba(7, 27, 88, .2);
  color: #071b58;
}

.isdt-section-heading {
  align-items: flex-end;
  justify-content: space-between;
  gap: 30px !important;
  margin-bottom: 52px !important;
}

.isdt-section-lead p {
  margin: 0;
  font-size: 14px;
  line-height: 1.7;
  color: #071b58a6;
}

.isdt-heading-left .isdt-eyebrow {
  margin-bottom: 20px;
}

.isdt-h2 .elementor-heading-title {
  margin: 0;
  font: 300 clamp(3rem, 6vw, 5.4rem)/.92 var(--serif);
  letter-spacing: -.045em;
  color: var(--navy);
}

.isdt-h2 em {
  font-style: italic;
}

.isdt-service-grid {
  display: grid !important;
  grid-template-columns: repeat(4, 1fr);
  gap: 16px !important;
}

.isdt-service-card {
  position: relative;
  min-height: 235px;
  padding: 24px 24px 22px !important;
  border-radius: 22px;
  background: #fff;
  transition: transform .25s, box-shadow .25s;
  text-decoration: none;
  color: inherit;
}

.isdt-service-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 18px 35px #071b5812;
}

.isdt-card-arrow {
  position: absolute !important;
  top: 20px;
  right: 20px;
  width: auto !important;
  opacity: 0;
  transition: opacity .2s;
}

.isdt-card-arrow .elementor-heading-title {
  color: var(--blue);
  font-weight: 700;
  line-height: 1;
}

.isdt-service-card:hover .isdt-card-arrow {
  opacity: 1;
}

.isdt-card-icon .elementor-heading-title {
  display: block;
  color: var(--blue);
  font-size: 31px;
  line-height: 1.2;
  font-weight: 400;
}

.isdt-card-title {
  position: relative !important;
  margin-top: auto !important;
  width: auto !important;
}

.isdt-card-title .elementor-heading-title {
  margin: 0;
  font: 500 25px/.95 var(--serif);
  color: var(--navy);
}

.isdt-card-text {
  position: relative !important;
  margin-top: 14px !important;
  width: auto !important;
}

.isdt-card-text p {
  margin: 0;
  color: #071b5899;
  font-size: 12px;
  line-height: 1.5;
}

@media (max-width:950px) {
  .isdt-service-grid {
    grid-template-columns: repeat(2, 1fr);
  }

}

@media (max-width:700px) {
  .isdt-services {
    padding: 76px 0 !important;
  }

  .isdt-container {
    width: min(100% - 32px, 1180px) !important;
  }

  .isdt-section-heading {
    display: block !important;
  }

  .isdt-section-heading>.isdt-section-lead {
    margin-top: 20px;
    max-width: none;
  }

}

@media (max-width:500px) {
  .isdt-service-grid {
    grid-template-columns: 1fr;
  }

  .isdt-service-card {
    min-height: 205px;
  }

}

.isdt-eyebrow p {
  line-height: normal !important;
}

.isdt-section-heading>.isdt-section-lead {
  width: 370px !important;
  max-width: 370px !important;
}

.isdt-section-lead .elementor-widget-container {
  max-width: 370px;
}

.isdt-heading-left {
  gap: 20px !important;
}

.isdt-section-heading>.isdt-section-lead {
  flex: 0 0 370px !important;
}

@media (max-width:700px) {
  .isdt-section-heading>.isdt-section-lead {
    flex: none !important;
    width: auto !important;
  }

  .isdt-section-lead .elementor-widget-container {
    max-width: none;
  }

}

.isdt-card-icon {
  width: auto !important;
}

.isdt-card-icon .elementor-icon {
  display: block;
  line-height: 1;
  padding: 0;
}

.isdt-card-icon .elementor-icon svg,
.isdt-card-icon .elementor-icon i {
  width: 30px;
  height: 30px;
  font-size: 30px;
}

/* --------------------------------------------------------------------------
   Section: Methodology
   -------------------------------------------------------------------------- */

.isdt-methodology {
  --navy: #071b58;
  --blue: #0d4cff;
  --pale: #edf2f7;
  --serif: 'Cormorant Garamond', Georgia, serif;
  --sans: 'DM Sans', Arial, sans-serif;
  background: var(--pale);
  color: var(--navy);
  font-family: var(--sans);
  padding: 112px 0 !important;
}

.isdt-method-layout {
  display: grid !important;
  grid-template-columns: .68fr 1.32fr;
  gap: 32px !important;
  margin-top: 42px !important;
}

.isdt-method-layout>* {
  min-width: 0;
}

.isdt-method-image {
  position: relative;
  min-height: 460px;
  overflow: hidden;
  border-radius: 20px;
}

.isdt-method-caption {
  position: absolute !important;
  z-index: 1;
  right: 16px;
  bottom: 16px;
  left: 16px;
  width: auto !important;
  border-radius: 8px;
  padding: 12px;
  background: #ffffffdd;
  color: var(--navy);
}

.isdt-method-caption .elementor-heading-title {
  margin: 0;
  color: var(--navy);
  font-size: 10px;
  font-weight: 700;
  letter-spacing: .12em;
  text-transform: uppercase;
}

.isdt-steps {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr);
  gap: 15px !important;
  align-items: stretch !important;
}

.isdt-step {
  min-height: 145px;
  padding: 16px !important;
  border-radius: 14px;
  background: #fff;
}

.isdt-step .elementor-widget {
  margin: 0 !important;
}

.isdt-step-num {
  width: auto !important;
}

.isdt-step-num .elementor-heading-title {
  display: grid;
  place-items: center;
  width: 31px;
  height: 31px;
  margin: 0;
  border-radius: 50%;
  background: var(--blue);
  color: #fff;
  font-size: 11px;
  font-weight: 700;
  line-height: 1;
}

.isdt-step-title .elementor-heading-title {
  margin: 20px 0 5px;
  font: 500 25px/1 var(--serif);
  color: var(--navy);
}

.isdt-step-text p {
  margin: 0;
  color: #071b5899;
  font-size: 11px;
  line-height: 1.45;
}

@media (max-width:800px) {
  .isdt-method-layout {
    grid-template-columns: 1fr;
  }

  .isdt-method-image {
    min-height: 300px;
  }

  .isdt-steps {
    grid-template-columns: repeat(2, 1fr);
  }

}

@media (max-width:700px) {
  .isdt-methodology {
    padding: 76px 0 !important;
  }

}

.isdt-methodology .isdt-h2 {
  max-width: 800px !important;
  width: 100% !important;
}

.isdt-methodology .isdt-h2 .elementor-heading-title {
  max-width: 800px;
}

.isdt-method-caption .elementor-heading-title {
  line-height: normal !important;
}

/* --------------------------------------------------------------------------
   Section: Standards and frameworks
   -------------------------------------------------------------------------- */

.isdt-standards {
  --cyan: #b9ffff;
  --blue: #0d4cff;
  --dark: #0c0e13;
  --serif: 'Cormorant Garamond', Georgia, serif;
  --sans: 'DM Sans', Arial, sans-serif;
  background: var(--dark);
  color: #fff;
  font-family: var(--sans);
  padding: 112px 0 !important;
}

.isdt-eyebrow-dk p {
  border-color: rgba(185, 255, 255, .25);
  color: #b9ffff;
}

.isdt-standards .isdt-section-lead p {
  color: #ffffff99;
}

.isdt-standards .isdt-h2 .elementor-heading-title {
  color: #fff;
}

.isdt-standards .isdt-h2 em {
  color: var(--cyan);
}

.isdt-standard-grid {
  display: grid !important;
  grid-template-columns: repeat(5, 1fr);
  gap: 14px !important;
  padding: 24px !important;
  border: 1px solid #ffffff1b;
  border-radius: 24px;
  background: #ffffff0a;
}

.isdt-standard {
  display: grid !important;
  place-items: center;
  min-height: 125px;
  border-radius: 16px;
  background: #ffffff0d;
  color: var(--cyan);
  text-align: center;
}

.isdt-standard .elementor-widget {
  margin: 0 !important;
  width: auto !important;
}

.isdt-standard-label .elementor-heading-title {
  margin: 0;
  color: var(--cyan);
  font-size: 12px;
  font-weight: 400;
  text-align: center;
  line-height: 1.5;
}

.isdt-standard-label b {
  font-size: 13px;
  letter-spacing: .1em;
  font-weight: 700;
}

.isdt-frameworks {
  display: flex !important;
  justify-content: center;
  flex-wrap: wrap !important;
  gap: 9px !important;
  margin-top: 18px !important;
}

.isdt-fw {
  width: auto !important;
  flex: none;
}

.isdt-fw .elementor-heading-title {
  margin: 0;
  padding: 9px 15px;
  border-radius: 99px;
  background: #ffffff0d;
  color: #ffffffb3;
  font-size: 11px;
  font-weight: 400;
}

@media (max-width:700px) {
  .isdt-standards {
    padding: 76px 0 !important;
  }

  .isdt-standard-grid {
    grid-template-columns: repeat(2, 1fr);
    padding: 14px !important;
  }

}

.isdt-fw .elementor-heading-title {
  line-height: normal !important;
}

/* --------------------------------------------------------------------------
   Section: Industries
   -------------------------------------------------------------------------- */

.isdt-industries {
  --navy: #071b58;
  --blue: #0d4cff;
  --pale: #edf2f7;
  --serif: 'Cormorant Garamond', Georgia, serif;
  --sans: 'DM Sans', Arial, sans-serif;
  background: var(--pale);
  color: var(--navy);
  font-family: var(--sans);
  padding: 112px 0 !important;
}

.isdt-industries .isdt-section-lead strong {
  color: var(--navy);
  font-weight: 600;
}

.isdt-industry-carousel {
  width: 100%;
}

.isdt-industry-carousel .swiper-slide {
  height: auto;
}

.isdt-industry-card {
  position: relative;
  overflow: hidden;
  border-radius: 18px;
  color: #fff;
}

.isdt-industry-img {
  position: absolute !important;
  inset: 0;
  width: 100% !important;
  height: 100% !important;
  margin: 0 !important;
}

.isdt-industry-img .elementor-widget-container {
  width: 100%;
  height: 100%;
}

.isdt-industry-img img {
  width: 100% !important;
  height: 100% !important;
  max-width: none;
  object-fit: cover;
  transition: transform .7s;
  display: block !important;
}

.isdt-industry-card:hover .isdt-industry-img img {
  transform: scale(1.06);
}

.isdt-industry-card::after {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(transparent 25%, #06112cf5);
  pointer-events: none;
}

.isdt-industry-text {
  position: absolute !important;
  z-index: 1;
  right: 22px;
  bottom: 22px;
  left: 22px;
  width: auto !important;
  height: auto !important;
  padding: 0 !important;
}

.isdt-industry-text .elementor-widget {
  margin: 0 !important;
  width: auto !important;
}

.isdt-ind-label .elementor-heading-title {
  display: inline-block;
  border-radius: 99px;
  background: var(--blue);
  padding: 7px 12px;
  color: #fff;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: .1em;
  text-transform: uppercase;
  line-height: normal;
  margin: 0;
}

.isdt-ind-title .elementor-heading-title {
  margin: 16px 0 0;
  font: 400 32px/.95 var(--serif);
  color: #fff;
}

.isdt-ind-text p {
  margin: 12px 0 0;
  color: #ffffffbf;
  font-size: 12px;
  line-height: 1.5;
}

@media (max-width:700px) {
  .isdt-industries {
    padding: 76px 0 !important;
  }

  .isdt-ind-title .elementor-heading-title {
    font-size: 29px;
  }

}

/* --------------------------------------------------------------------------
   Section: Why ISDT
   -------------------------------------------------------------------------- */

.isdt-why {
  --navy: #071b58;
  --blue: #0d4cff;
  --pale: #edf2f7;
  --serif: 'Cormorant Garamond', Georgia, serif;
  --sans: 'DM Sans', Arial, sans-serif;
  background: var(--pale);
  color: var(--navy);
  font-family: var(--sans);
  padding: 112px 0 !important;
}

.isdt-why-layout {
  display: grid !important;
  grid-template-columns: .78fr 1.22fr;
  align-items: end !important;
  gap: 70px !important;
}

.isdt-why-layout>* {
  min-width: 0;
}

.isdt-why-lead p {
  margin: 0;
  color: #071b58a6;
  font-size: 14px;
  line-height: 1.7;
}

.isdt-reason-grid {
  display: grid !important;
  grid-template-columns: 1fr 1fr;
  gap: 14px !important;
}

.isdt-reason {
  min-height: 190px;
  padding: 24px !important;
  border-radius: 16px;
  background: #fff;
}

.isdt-reason .elementor-widget {
  margin: 0 !important;
}

.isdt-reason-num .elementor-heading-title {
  margin: 0;
  color: var(--blue);
  font: 400 32px var(--serif);
  line-height: normal;
}

.isdt-reason-title .elementor-heading-title {
  margin: 27px 0 10px;
  font: 500 25px/.95 var(--serif);
  color: var(--navy);
}

.isdt-reason-text p {
  margin: 0;
  color: #071b5899;
  font-size: 12px;
  line-height: 1.5;
}

@media (max-width:850px) {
  .isdt-why-layout {
    grid-template-columns: 1fr;
    gap: 35px !important;
  }

}

@media (max-width:700px) {
  .isdt-why {
    padding: 76px 0 !important;
  }

}

@media (max-width:500px) {
  .isdt-reason-grid {
    grid-template-columns: 1fr;
  }

}

/* --------------------------------------------------------------------------
   Fixes: Elementor max-width override
   -------------------------------------------------------------------------- */

.isdt-card-title {
  max-width: 240px !important;
}

.isdt-card-text {
  max-width: 270px !important;
}

.isdt-ind-title {
  max-width: 590px !important;
}

.isdt-ind-text {
  max-width: 560px !important;
}

.isdt-why-lead {
  max-width: 390px !important;
}

.isdt-reason-title {
  max-width: 230px !important;
}

.isdt-hero-copy>.elementor-widget-text-editor {
  max-width: 420px !important;
}

/* --------------------------------------------------------------------------
   Fixes: heading line-height and lead spacing
   -------------------------------------------------------------------------- */

.isdt-h2 .elementor-heading-title,
.isdt-h1 .elementor-heading-title {
  line-height: .92 !important;
}

.isdt-why-lead .elementor-widget-container {
  padding-bottom: 14px;
}

/* --------------------------------------------------------------------------
   Section: Regional presence
   -------------------------------------------------------------------------- */

.isdt-regional {
  --cyan: #b9ffff;
  --blue: #0d4cff;
  --dark: #0c0e13;
  --serif: 'Cormorant Garamond', Georgia, serif;
  --sans: 'DM Sans', Arial, sans-serif;
  background: var(--dark);
  color: #fff;
  font-family: var(--sans);
  padding: 64px 0 !important;
}

.isdt-regional-layout {
  display: grid !important;
  grid-template-columns: 1fr .9fr;
  align-items: center;
  gap: 50px !important;
}

.isdt-regional-text {
  gap: 0 !important;
}

.isdt-reg-h2 {
  margin: 40px 0 0 !important;
}

.isdt-reg-h2 .elementor-heading-title {
  margin: 0;
  color: #fff;
  font: 300 clamp(2.4rem, 5vw, 4.8rem)/1 var(--serif) !important;
  letter-spacing: -.04em;
}

.isdt-reg-h2 i {
  font-style: normal;
  color: #63faff;
}

.isdt-reg-p {
  margin-top: 14px !important;
  padding-bottom: 14px;
  width: 100% !important;
}

.isdt-reg-p p {
  margin: 0;
  color: #ffffff8c;
  font-size: 14px;
  line-height: normal !important;
}

.isdt-reg-img {
  width: 100% !important;
  max-width: 100% !important;
}

.isdt-reg-img img {
  width: 100% !important;
  height: 240px !important;
  object-fit: cover;
  border: 1px solid #ffffff1b;
  border-radius: 16px;
  background: #101820;
  display: block !important;
}

@media (max-width:700px) {
  .isdt-regional-layout {
    grid-template-columns: 1fr;
  }

  .isdt-reg-img img {
    height: 180px !important;
  }

}

/* --------------------------------------------------------------------------
   Section: Contact
   -------------------------------------------------------------------------- */

.isdt-contact {
  position: relative;
  overflow: hidden;
  border-radius: 24px 24px 0 0 !important;
  color: #fff;
  --cyan: #b9ffff;
  --blue: #0d4cff;
  --serif: 'Cormorant Garamond', Georgia, serif;
  --sans: 'DM Sans', Arial, sans-serif;
  font-family: var(--sans);
  margin: 80px 8px 0 !important;
  min-height: 580px;
  width: auto !important;
  max-width: none !important;
}

.isdt-contact:before {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(110deg, #0c0e13f7, #1f2630db 50%, #006c7c94);
  z-index: 0;
  pointer-events: none;
}

.isdt-contact {
  background-size: cover !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
}

.isdt-contact-content {
  position: relative;
  z-index: 1;
  display: flex !important;
  min-height: 580px;
  width: 100% !important;
  max-width: 600px !important;
  flex-direction: column;
  justify-content: center;
  margin-left: 15% !important;
  padding: 50px 0 !important;
  gap: 0 !important;
}

.isdt-contact-eb {
  margin-bottom: 24px !important;
}

.isdt-contact-h2 .elementor-heading-title {
  color: #fff;
}

.isdt-contact-h2 em {
  color: #fff;
}

.isdt-contact-p {
  max-width: 440px !important;
  margin-top: 15px !important;
}

.isdt-contact-p p {
  margin: 0;
  color: #ffffffbf;
  font-size: 15px;
  line-height: 1.7 !important;
}

.isdt-contact-btn {
  margin-top: 15px !important;
}

@media (max-width:700px) {
  .isdt-contact {
    min-height: 530px;
    margin: 56px 0 0 !important;
  }

  .isdt-contact-content {
    min-height: 530px;
    margin-left: 0 !important;
    padding: 30px 24px !important;
  }

}

/* --------------------------------------------------------------------------
   Footer
   -------------------------------------------------------------------------- */

.isdt-footer {
  --navy: #071b58;
  --pale: #edf2f7;
  --serif: 'Cormorant Garamond', Georgia, serif;
  --sans: 'DM Sans', Arial, sans-serif;
  background: #0c0e13;
  color: #fff;
  font-family: var(--sans);
  padding: 75px 0 20px !important;
  width: 100%;
}

.isdt-footer .elementor-widget {
  margin: 0 !important;
}

.isdt-footer .isdt-container {
  width: min(1180px, calc(100% - 48px)) !important;
  max-width: none !important;
  margin: 0 auto !important;
}

.isdt-footer-grid {
  display: grid !important;
  grid-template-columns: 1.6fr .7fr .9fr 1.3fr;
  gap: 45px !important;
  padding-bottom: 60px !important;
  align-items: start;
}

.isdt-f-col {
  gap: 0 !important;
  min-width: 0;
}

.isdt-footer-brand {
  display: flex !important;
  align-items: center;
  gap: 12px !important;
  flex: none;
  width: auto !important;
  text-decoration: none;
}

.isdt-footer-brand .elementor-widget {
  width: auto !important;
  flex: none;
}

.isdt-f-logo img {
  width: 68px !important;
  height: 68px !important;
  object-fit: contain;
  display: block !important;
}

.isdt-f-brand-text .elementor-heading-title {
  margin: 0;
  font-size: 20px;
  font-weight: 700;
  line-height: 1.1;
  letter-spacing: 0;
  text-transform: uppercase;
  color: #fff;
}

.isdt-f-brand-text small {
  display: block;
  margin-top: 8px;
  color: #ffffff8c;
  font-size: 9px;
  font-weight: 700;
  letter-spacing: .2em;
  text-transform: uppercase;
}

.isdt-f-p {
  max-width: 285px !important;
  margin-top: 18px !important;
}

.isdt-f-p p {
  margin: 0;
  color: #ffffffa6;
  font-size: 13px;
  line-height: 1.7 !important;
}

.isdt-f-h3 .elementor-heading-title {
  margin: 0;
  font: 400 26px var(--serif) !important;
  color: #fff;
  line-height: normal;
}

.isdt-f-link {
  max-width: 285px !important;
  margin-top: 18px !important;
}

.isdt-f-menu .isdt-f-link {
  margin-top: 12px !important;
}

.isdt-f-menu .isdt-f-link .elementor-heading-title,
.isdt-f-menu .isdt-f-link a {
  color: #ffffffb3 !important;
}

.isdt-f-link .elementor-heading-title {
  font-size: 13px;
  line-height: 1.7;
  color: #ffffffa6;
}

.isdt-f-link a {
  color: inherit;
  text-decoration: none;
}

.isdt-f-btn {
  margin-top: 20px !important;
  width: auto !important;
}

.isdt-f-btn .elementor-button {
  display: inline-flex;
  border-radius: 999px;
}

.isdt-copyright {
  display: flex !important;
  justify-content: space-between;
  border-top: 1px solid #ffffff1a;
  padding-top: 18px !important;
}

.isdt-f-copy {
  width: auto !important;
}

.isdt-f-copy p {
  margin: 0;
  color: #ffffff73;
  font-size: 11px;
}

@media (max-width:800px) {
  .isdt-footer-grid {
    grid-template-columns: 1fr 1fr;
  }

  .isdt-copyright {
    display: block !important;
  }

  .isdt-f-copy {
    display: block;
    margin-bottom: 8px !important;
    width: 100% !important;
  }

}

@media (max-width:500px) {
  .isdt-footer-grid {
    grid-template-columns: 1fr;
  }

}

.isdt-footer .isdt-f-p {
  margin-top: 18px !important;
}

.isdt-footer .isdt-f-link {
  margin-top: 18px !important;
}

.isdt-footer .isdt-f-menu .isdt-f-link {
  margin-top: 12px !important;
}

.isdt-footer .isdt-f-btn {
  margin-top: 20px !important;
}

.isdt-footer .isdt-f-link .elementor-heading-title {
  line-height: 1.7 !important;
}

.isdt-footer .isdt-f-btn .elementor-button {
  line-height: normal !important;
}

.isdt-footer .isdt-f-copy p {
  line-height: normal !important;
}

.isdt-footer .isdt-f-h3 .elementor-heading-title {
  line-height: normal !important;
}

@media (max-width:800px) {
  .isdt-footer .isdt-f-copy {
    margin-bottom: 8px !important;
  }

}

.isdt-footer .isdt-f-social {
  margin-top: 20px !important;
  width: auto !important;
}

.isdt-footer .isdt-f-social-ic {
  width: auto !important;
  flex: none;
}

.isdt-f-social-ic .elementor-icon {
  display: grid !important;
  place-items: center;
  width: 38px;
  height: 38px;
  border-radius: 50%;
  background: #ffffff0d;
  border: 1px solid #ffffff1b;
  color: #fff;
  font-size: 15px;
  transition: background .25s, border-color .25s;
}

.isdt-f-social-ic .elementor-icon i {
  font-size: 15px;
  line-height: 1;
}

.isdt-f-social-ic .elementor-icon svg {
  width: 15px;
  height: 15px;
}

.isdt-f-social-ic .elementor-icon:hover {
  background: #0d4cff;
  border-color: #0d4cff;
  color: #fff;
}

/* Industries carousel controls */
.isdt-industry-carousel { padding-bottom:56px !important; }
.isdt-industry-carousel .elementor-swiper-button { position:absolute !important; top:calc(50% - 58px) !important; bottom:auto !important; z-index:5; width:44px; height:44px; margin:0 !important; padding:0 !important; box-sizing:border-box; border-radius:50% !important; background:var(--navy); color:#fff; display:flex !important; align-items:center; justify-content:center; line-height:1; transform:none !important; transition:background .25s ease; }
.isdt-industry-carousel .elementor-swiper-button:hover { background:var(--blue); }
.isdt-industry-carousel .elementor-swiper-button svg, .isdt-industry-carousel .elementor-swiper-button i { position:static !important; margin:0 !important; display:block; flex:none; width:16px; height:16px; font-size:16px; color:#fff !important; fill:#fff !important; }
.isdt-industry-carousel .elementor-swiper-button svg path { fill:#fff !important; }
.isdt-industry-carousel .elementor-swiper-button-prev { left:14px !important; right:auto !important; }
.isdt-industry-carousel .elementor-swiper-button-next { right:14px !important; left:auto !important; }
.isdt-industry-carousel .swiper-pagination { position:absolute !important; left:0 !important; right:0 !important; bottom:0 !important; top:auto !important; width:auto !important; height:24px; margin:0 !important; transform:none !important; display:flex; align-items:center; justify-content:center; }
.isdt-industry-carousel .swiper-pagination-bullet { width:8px; height:8px; border-radius:99px; background:var(--navy); opacity:.22; transition:width .3s ease, opacity .3s ease; }
.isdt-industry-carousel .swiper-pagination-bullet-active { width:26px; background:var(--blue); opacity:1; }

/* Industries carousel: arrows outside the cards on wide desktop */
@media (min-width:1340px){
.isdt-industry-carousel .elementor-swiper-button-prev { left:-62px !important; }
.isdt-industry-carousel .elementor-swiper-button-next { right:-62px !important; }
}

/* --------------------------------------------------------------------------
   Contact page
   -------------------------------------------------------------------------- */

body.page-id-5006,
body.page-id-5006 #page,
body.page-id-5006 .site-content {
  background: #edf2f7 !important;
}

.isdt-contact-hero {
  --navy: #071b58;
  --blue: #0d4cff;
  --cyan: #b9ffff;
  --dark: #0c0e13;
  --serif: 'Cormorant Garamond', Georgia, serif;
  --sans: 'DM Sans', Arial, sans-serif;
  position: relative;
  color: #fff;
  font-family: var(--sans);
}

.isdt-contact-hero-content {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(480px, 640px);
  gap: 70px;
  align-items: center;
}

.isdt-contact-copy {
  max-width: 460px;
}

.isdt-contact-link {
  text-decoration: none;
  cursor: pointer;
  transition: opacity .2s ease;
}

.isdt-contact-link:hover {
  opacity: .8;
}

.isdt-contact-link-ic .elementor-icon {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 40px !important;
  height: 40px !important;
  padding: 0 !important;
}

.isdt-contact-link { flex-wrap: nowrap !important; }
.isdt-contact-link-ic { flex: none !important; }
.isdt-contact-link-ic + div { min-width: 0 !important; flex: 1 1 auto !important; }
.isdt-contact-link-ic + div p { overflow-wrap: anywhere; word-break: break-word; }

.isdt-contact-form-wrap .elementor-field-group {
  margin-bottom: 0 !important;
}

.isdt-contact-form-wrap .elementor-field-type-submit {
  margin-top: 18px !important;
  margin-bottom: 6px !important;
}

.isdt-contact-hero-footer {
  position: relative;
}

.isdt-contact-callout .isdt-h2 em {
  color: #b9ffff;
}

@media (max-width:1180px) {
  .isdt-contact-intro .isdt-contact-copy { max-width: 620px; }
  .isdt-contact-links { display: flex !important; flex-direction: row !important; flex-wrap: wrap !important; --flex-wrap: wrap !important; column-gap: 44px !important; row-gap: 22px !important; }
  .isdt-contact-links > .isdt-contact-link { width: auto !important; flex: 0 0 auto !important; }
  .isdt-contact-link-ic + div p { overflow-wrap: normal; word-break: normal; white-space: nowrap; }
  .isdt-contact-hero-content {
    grid-template-columns: 1fr;
    gap: 34px;
    padding-top: 170px !important;
    padding-bottom: 60px !important;
  }

  .isdt-contact-hero-footer {
    display: none !important;
  }
}

@media (max-width:560px) {
  .isdt-contact-form-wrap {
    padding: 20px !important;
  }
}

/* --------------------------------------------------------------------------
   Astra overrides: kill default container gutters (fully custom layout)
   -------------------------------------------------------------------------- */

.ast-container,
.ast-container-fluid {
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

/* Contact page: match the site's button convention (circle arrow badge) */
.isdt-contact-form-wrap .elementor-button {
  display: inline-flex !important;
  align-items: center;
  gap: 12px;
}

.isdt-contact-form-wrap .elementor-button-text {
  display: inline-flex;
  align-items: center;
  gap: 12px;
}

.isdt-contact-form-wrap .elementor-button-text::after {
  content: '\2197';
  display: grid;
  place-items: center;
  width: 28px;
  height: 28px;
  flex: none;
  border-radius: 50%;
  background: var(--blue, #0d4cff);
  color: #fff;
  font-size: 15px;
  font-weight: 700;
}

@media (min-width:922px) {
  .ast-container {
    max-width: none !important;
  }
}

/* ==========================================================================
   Annual Services Lifecycle (NEW - standalone section, added below Methodology)
   Does not touch or reference the existing Methodology section/CSS.
   ========================================================================== */

.isdt-lifecycle {
  --navy: #071b58;
  --blue: #0d4cff;
  --cyan: #b9ffff;
  --pale: #edf2f7;
  --dark: #0c0e13;
  --serif: 'Cormorant Garamond', Georgia, serif;
  --sans: 'DM Sans', Arial, sans-serif;
  overflow: hidden;
  color: var(--navy);
  font-family: var(--sans);
}

.isdt-lifecycle-heading {
  align-items: flex-end;
}

.isdt-lifecycle-lead {
  max-width: 390px !important;
}

.isdt-lifecycle-wrap {
  margin-top: 0;
}

.lifecycle-wheel-wrap {
  max-width: 690px;
  margin: 0 auto;
  padding: 18px;
  border: 1px solid #d6e0ef;
  border-radius: 30px;
  background: linear-gradient(145deg, #f8fbff, #e9f0fa);
  box-shadow: 0 20px 50px #071b5814;
}

.lifecycle-wheel {
  max-width: 640px;
  margin: 0 auto;
}

.lifecycle-wheel svg {
  display: block;
  width: 100%;
  height: auto;
}

.lifecycle-segment {
  cursor: pointer;
  transform-origin: 350px 350px;
  transition: filter .18s ease, transform .18s ease;
}

.lifecycle-segment:hover {
  filter: brightness(1.1);
  transform: scale(1.012);
}

.lifecycle-segment:focus-visible {
  outline: 3px solid #071b58;
  outline-offset: 4px;
}

.lifecycle-lines {
  stroke: #eef3fb;
  stroke-width: 3;
  fill: none;
}

.lifecycle-center {
  fill: #fff;
  stroke: #d6e0ef;
  stroke-width: 2;
}

.lifecycle-center-title {
  fill: #071b58;
  font: 800 17px/1 var(--sans, 'DM Sans', Arial, sans-serif);
  letter-spacing: .04em;
}

.lifecycle-center-sub {
  fill: #5b6b7f;
  font: 12px var(--sans, 'DM Sans', Arial, sans-serif);
}

.lifecycle-labels {
  fill: #fff;
  font-family: var(--sans, 'DM Sans', Arial, sans-serif);
  pointer-events: none;
}

.lifecycle-num {
  font-size: 16px;
  font-weight: 800;
}

.lifecycle-title {
  font-size: 12px;
  font-weight: 600;
}

.lifecycle-modal-overlay {
  position: fixed;
  inset: 0;
  z-index: 1000;
  display: none;
  align-items: center;
  justify-content: center;
  padding: 20px;
  background: #071b5899;
}

.lifecycle-modal-overlay.open {
  display: flex;
}

.lifecycle-modal {
  position: relative;
  width: min(480px, 100%);
  max-height: 85vh;
  overflow: auto;
  padding: 34px 26px 26px;
  border: 1px solid #d6e0ef;
  border-radius: 20px;
  background: #fff;
  box-shadow: 0 24px 70px #071b5840;
}

.lifecycle-modal-header {
  margin: 0 0 22px;
  padding: 18px 16px;
  border-radius: 13px;
  background: #071b58;
  color: #fff;
}

.lifecycle-modal-header[data-phase="0"] { background: #2455c3; }
.lifecycle-modal-header[data-phase="1"] { background: #2a8fc4; }
.lifecycle-modal-header[data-phase="2"] { background: #159f98; }
.lifecycle-modal-header[data-phase="3"] { background: #42a661; }
.lifecycle-modal-header[data-phase="4"] { background: #c89e28; }
.lifecycle-modal-header[data-phase="5"] { background: #d97838; }
.lifecycle-modal-header[data-phase="6"] { background: #c94d59; }
.lifecycle-modal-header[data-phase="7"] { background: #8050bd; }

.lifecycle-modal-header p { margin: 0; }
.lifecycle-modal-header p:first-child { font-size: 11px; opacity: .84; text-transform: uppercase; letter-spacing: .13em; }
.lifecycle-modal-header h3 { margin: 5px 0 3px; font: 600 25px/1.1 var(--serif, 'Cormorant Garamond', Georgia, serif); }
.lifecycle-modal-header p:last-child { font-size: 13px; opacity: .9; }

.lifecycle-modal ul {
  margin: 0;
  padding-left: 20px;
}

.lifecycle-modal li {
  margin-bottom: 10px;
  color: #071b58;
  font-size: 14px;
  line-height: 1.5;
}

.lifecycle-close {
  position: absolute;
  top: 10px;
  right: 10px;
  z-index: 3;
  display: grid;
  place-items: center;
  width: 32px;
  height: 32px;
  padding: 0;
  border: 1px solid rgba(255,255,255,.7);
  border-radius: 50%;
  background: #2455c3;
  color: #fff;
  font: 700 22px/1 Arial, sans-serif;
  cursor: pointer;
  box-shadow: 0 5px 14px rgba(7,27,88,.22);
  transition: transform .18s ease, background .18s ease;
}

.lifecycle-close:hover {
  background: #071b58;
  transform: scale(1.08);
}

.lifecycle-close:focus-visible {
  outline: 3px solid #8aa6d4;
  outline-offset: 3px;
}

.lifecycle-nav {
  display: flex;
  gap: 12px;
  margin-top: 24px;
}

.lifecycle-nav button {
  flex: 1;
  padding: 11px 14px;
  border: 1px solid #d6e0ef;
  border-radius: 9px;
  background: #fff;
  color: #071b58;
  cursor: pointer;
  font: 600 12px var(--sans, 'DM Sans', Arial, sans-serif);
}

.lifecycle-nav button:hover {
  background: #f2f6fb;
}

@media (max-width: 720px) {
  .isdt-lifecycle-heading {
    display: block;
  }

  .isdt-lifecycle-lead {
    margin-top: 14px !important;
  }

  .lifecycle-wheel-wrap {
    margin-top: 0;
    padding: 8px;
    border-radius: 22px;
  }
}

@media (max-width: 480px) {
  .lifecycle-wheel-wrap {
    border-radius: 18px;
  }

  .lifecycle-title { font-size: 11px; }
  .lifecycle-num { font-size: 14px; }
  .lifecycle-center-title { font-size: 15px; }
  .lifecycle-center-sub { font-size: 10px; }
  .lifecycle-modal { padding: 32px 18px 18px; }
  .lifecycle-modal-header h3 { font-size: 21px; }
  .lifecycle-close { top: 8px; right: 8px; }
}


/* --------------------------------------------------------------------------

/* --------------------------------------------------------------------------
   GRC & Regulatory Compliance page (v2 - matches user-supplied grc.html/css/js)
   -------------------------------------------------------------------------- */

body.page-id-5024, body.page-id-5024 #page, body.page-id-5024 .site-content { background: #edf2f7 !important; }

.grc-hero, .grc-solutions, .approach, .grc-cta, .alignment {
  --navy: #071b58;
  --blue: #0d4cff;
  --cyan: #b9ffff;
  --pale: #edf2f7;
  --dark: #0c0e13;
  --ink: var(--navy);
  --muted: #52617b;
  --surface: #ffffff;
  --surface-soft: #e8eef6;
  --line: rgba(7, 27, 88, .14);
  --serif: 'Cormorant Garamond', Georgia, serif;
  --sans: 'DM Sans', Arial, sans-serif;
  font-family: var(--sans);
}

.section { padding: 112px 0; }

.section-heading { display: flex; justify-content: space-between; gap: 50px; align-items: end; margin-bottom: 55px; }
.section-heading > p { max-width: 360px; margin: 0; color: #647086; font-size: 14px; line-height: 1.7; }
.section h2 { margin: 12px 0 0; font: 300 clamp(2.8rem, 5vw, 5.1rem)/.9 var(--serif); letter-spacing: -.05em; color: var(--ink); }
.section h2 em { color: var(--blue); font-style: normal; }

.grc-hero { position: relative; min-height: 520px; padding-bottom: 8px; overflow: hidden; color: #fff; background-image: linear-gradient(90deg, rgba(4,18,54,.94) 0%, rgba(7,31,76,.82) 46%, rgba(5,55,78,.58) 100%), url('https://isdtconsultants.com/wp-content/uploads/2026/09/grc-deliverables-opt.webp'); background-position: center; background-size: cover; }
.grc-hero:before, .grc-hero:after { content: ''; position: absolute; border: 1px solid #a6eff02b; border-radius: 50%; pointer-events: none; }
.grc-hero:before { width: 700px; height: 700px; right: -250px; bottom: -460px; }
.grc-hero:after { width: 530px; height: 530px; right: -120px; bottom: -350px; }
.grc-hero-content, .grc-hero .container { position: relative; z-index: 1; padding-top: 130px; padding-bottom: 40px; width: min(1180px, calc(100% - 48px)); margin: 0 auto; }
.breadcrumb { margin: 0 0 20px; color: #bcffffb8; font-size: 12px; }
.breadcrumb span { padding: 0 8px; color: var(--cyan); }
.breadcrumb a { color: inherit; text-decoration: none; }
.breadcrumb a:hover { color: #fff; text-decoration: underline; }
.hero-columns { display: grid; grid-template-columns: minmax(0, 1.12fr) 380px; gap: 80px; align-items: end; }
.eyebrow p, p.eyebrow { display: inline-flex; align-items: center; gap: 9px; margin: 0 0 14px; border: 1px solid #ffffff44; border-radius: 999px; padding: 7px 14px; color: #efffff; font-size: 10px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; }\n.eyebrow:not(p) { border: 0; padding: 0; background: none; }
.eyebrow p::before, p.eyebrow::before { content: ''; width: 6px; height: 6px; border-radius: 50%; background: var(--blue); flex: none; }
.grc-solutions .eyebrow, .grc-solutions .eyebrow p, .approach .eyebrow, .approach .eyebrow p { color: var(--blue); border-color: #0d4cff33; }
.grc-hero p.eyebrow { margin-bottom: 8px; }
.grc-hero h1 { margin: 0; font: 300 clamp(3rem, 5.4vw, 5.2rem)/.86 var(--serif); letter-spacing: -.06em; color: #fff; }
.grc-hero h1 em, .grc-hero .lead em { color: var(--cyan); font-style: italic; }
.grc-hero .lead { max-width: 540px; margin: 22px 0 10px; font: 400 22px/1.08 var(--serif); }
.hero-copy { max-width: 590px; margin-top: 12px; color: #e1ebffcf; font-size: 13px; line-height: 1.55; }
.actions { display: flex; align-items: center; flex-wrap: wrap; gap: 24px; margin-top: 18px; padding-bottom: 0; }
.button, .light-button, a.button { display: inline-flex; align-items: center; gap: 8px; min-height: 48px; padding: 0 18px 0 22px; border-radius: 999px; background: #fff; color: var(--navy); font-size: 14px; font-weight: 700; text-decoration: none; box-shadow: 0 10px 24px #00133d38; transition: transform .2s; }
.button:hover, .light-button:hover { transform: translateY(-2px); }
.light-button b { display: inline-grid; place-items: center; width: 24px; height: 24px; margin-left: 8px; border-radius: 50%; background: var(--blue); color: #fff; font-size: 15px; font-style: normal; }
.text-link { display: inline-flex; align-items: center; }
.text-link .elementor-button { display: inline-flex !important; align-items: center; gap: 8px; height: auto; width: auto !important; padding: 0 !important; border: none !important; border-radius: 0 !important; background: transparent !important; color: #ffffff; font-size: 12px; font-weight: 700; letter-spacing: .03em; text-decoration: none; box-sizing: border-box; }
.text-link .isdt-link-label { text-decoration: underline; text-underline-offset: 4px; text-decoration-color: currentColor; }
.text-link b { display: inline-flex; align-items: center; justify-content: center; vertical-align: middle; margin-left: 6px; width: 24px; height: 24px; border-radius: 50%; border: 1.5px solid currentColor; text-decoration: none; box-sizing: border-box; }
.text-link b svg { display: block; transition: transform .2s ease; }
.text-link:hover b svg { transform: translateY(2px); }
.hero-panel { display: grid; gap: 24px; padding: 26px 24px; border: 1px solid #bdfcff40; border-radius: 8px; background: linear-gradient(145deg, #061b42e8, #082a4dcc); backdrop-filter: blur(14px); box-shadow: 0 22px 70px #00133d45; }
.hero-value { display: flex; align-items: center; gap: 16px; min-height: 48px; }
.hero-value-icon { display: grid; place-items: center; width: 38px; height: 38px; flex: 0 0 38px; border: 1px solid #bdfcff8c; border-radius: 4px; color: var(--cyan); }
.hero-value-icon svg { width: 22px; height: 22px; fill: none; stroke: currentColor; stroke-width: 1.5; stroke-linecap: round; stroke-linejoin: round; }
.hero-icon-shield svg, .hero-icon-growth svg { width: 23px; height: 23px; }
.hero-icon-stakeholder svg { width: 24px; height: 24px; }
.hero-value span:last-child { display: flex; flex-direction: column; gap: 4px; }
.hero-value b { font-size: 10px; letter-spacing: .12em; color: #f0f7ff; }
.hero-value small { font-size: 9px; letter-spacing: .1em; color: #9ed2e0; }
.vertical-note { position: absolute; z-index: 1; right: 24px; top: 50%; writing-mode: vertical-rl; transform: rotate(180deg); font-size: 9px; letter-spacing: .2em; color: #b9ffff99; }

.container { width: min(1180px, calc(100% - 48px)); margin: 0 auto; padding-left: 0 !important; padding-right: 0 !important; }

.grc-solutions { background: #f4f7fa; }
.solution-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 17px; }
.solution-card { position: relative; overflow: hidden; min-height: 245px; padding: 28px 26px 24px; border-radius: 18px; background: #fff; cursor: pointer; transition: .25s; box-shadow: 0 8px 24px #071b5808; }
.solution-card:before { content: ''; display: block; width: 50px; height: 5px; margin: -28px 0 30px; background: var(--card-accent, #2762ca); border-radius: 18px 18px 0 0; }
.solution-card:nth-child(1) { --card-accent: #2762ca; }
.solution-card:nth-child(2) { --card-accent: #123c91; }
.solution-card:nth-child(3) { --card-accent: #24946f; }
.solution-card:nth-child(4) { --card-accent: #d47a3e; }
.solution-card:nth-child(5) { --card-accent: #904960; }
.solution-card:nth-child(6) { --card-accent: #7650a5; }
.solution-card:nth-child(7) { --card-accent: #0aa8a0; }
.solution-card:nth-child(8) { --card-accent: #4a5a78; }
.solution-card:hover, .solution-card:focus-visible { transform: translateY(-6px); box-shadow: 0 18px 38px #071b5818; outline: none; }
.solution-icon { display: grid; place-items: center; width: 52px; height: 52px; border-radius: 14px; background: var(--card-accent, #2c59c7); color: #fff; box-shadow: 0 10px 22px rgba(5,55,92,.2); }
.solution-icon svg { width: 28px; height: 28px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.solution-card > span { display: block; margin-top: 22px; color: var(--card-accent); font-size: 10px; font-weight: 700; letter-spacing: .15em; }
.solution-card h3 { margin: 12px 0 11px; font: 500 25px/1 var(--serif); color: var(--ink); }
.solution-card p { margin: 0; color: #69758a; font-size: 14px; line-height: 1.65; }
.solution-action { display: inline-flex; align-items: center; gap: 8px; margin-top: 18px; padding-bottom: 5px; border-bottom: 2px solid currentColor; color: #075aa0; font-size: 11px; font-weight: 700; letter-spacing: .04em; text-transform: uppercase; transition: color .2s ease, transform .2s ease; }
.solution-action b { display: grid; place-items: center; width: 22px; height: 22px; border-radius: 50%; background: #075aa0; color: #fff; font-size: 13px; font-style: normal; }
.solution-card:hover .solution-icon { background: linear-gradient(135deg, #075aa0, #0a7898); transform: translateY(-2px); transition: .25s ease; }
.solution-card:hover .solution-action { color: #063b68; transform: translateX(2px); }
.solution-card:hover .solution-action b { background: #00aebb; }

.approach { background: #f4f7fa; }
.approach-layout { display: grid; grid-template-columns: 1fr 330px; gap: 45px; align-items: stretch; }
.approach-wheel { display: grid; grid-template-columns: repeat(3, 1fr); gap: 28px 24px; }
.approach-step { position: relative; overflow: hidden; padding: 30px 24px 26px; border-radius: 16px; background: #fff; cursor: pointer; transition: .25s; box-shadow: 0 8px 24px #071b5808; }
.approach-step:before { content: ''; display: block; width: 42px; height: 5px; margin: -30px 0 24px; background: var(--step-color, #163f91); border-radius: 16px 16px 0 0; }
.approach-step:nth-child(1) { --step-color: #163f91; }
.approach-step:nth-child(2) { --step-color: #2865cb; }
.approach-step:nth-child(3) { --step-color: #26936f; }
.approach-step:nth-child(4) { --step-color: #d47a3e; }
.approach-step:nth-child(5) { --step-color: #904960; }
.approach-step:nth-child(6) { --step-color: #7650a5; }
.approach-step:nth-child(7) { --step-color: #0aa8a0; }
.approach-step:hover, .approach-step:focus-visible { transform: translateY(-6px); box-shadow: 0 18px 38px #071b5818; outline: none; }
.approach-step b { display: grid; place-items: center; width: 44px; height: 44px; margin: 0 0 16px; border: none; border-radius: 50%; background: var(--step-color, #163f91); color: #fff; font-size: 12px; font-style: normal; }
.approach-step h3 { margin: 0 0 9px; font: 500 22px var(--serif); color: var(--ink); }
.approach-step p { margin: 0; color: #6b7688; font-size: 13px; line-height: 1.6; }
.approach-more { display: inline-flex; align-items: center; gap: 8px; margin-top: 16px; padding-bottom: 5px; border-bottom: 2px solid currentColor; color: #075aa0; font-size: 11px; font-weight: 700; letter-spacing: .04em; text-transform: uppercase; transition: color .2s ease, transform .2s ease; }
.approach-more b { display: grid; place-items: center; width: 22px; height: 22px; margin: 0; border: none; border-radius: 50%; background: #075aa0; color: #fff; font-size: 15px; font-style: normal; line-height: 1; }
.approach-step:hover .approach-more, .approach-step:focus-visible .approach-more { color: #063b68; transform: translateX(2px); }
.approach-step:hover .approach-more b, .approach-step:focus-visible .approach-more b { background: #00aebb; }

.deliverable-panel { padding: 31px; border-radius: 22px; background: var(--ink); color: #fff; position: relative; isolation: isolate; overflow: hidden; }
.deliverable-panel:after { content: ''; position: absolute; inset: 0; z-index: -1; background: linear-gradient(90deg, rgba(8,49,91,.96), rgba(8,49,91,.58)), url('https://isdtconsultants.com/wp-content/uploads/2026/09/grc-deliverables-opt.webp') center/cover no-repeat; }
.deliverable-panel .eyebrow { margin-bottom: 8px; color: #a9e8ee; border-color: #a9e8ee55; }
.deliverable-panel h3 { margin: 14px 0 28px; font: 300 31px/.95 var(--serif); color: #fff; }
.deliverable-panel h3 em { color: var(--cyan); font-style: normal; }
.deliverable-list { display: grid; gap: 12px; }
.deliverable-item { padding-left: 21px; position: relative; color: #d9e4f4; font-size: 12px; line-height: 1.35; }
.deliverable-item:before { content: '\2713'; position: absolute; left: 0; color: var(--cyan); font-weight: 700; }

.grc-cta { padding: 105px 0; color: #fff; background: linear-gradient(90deg, rgba(4,18,54,.95) 0%, rgba(7,31,76,.86) 46%, rgba(5,55,78,.55) 100%), url('https://isdtconsultants.com/wp-content/uploads/2026/09/grc-cta-1-opt.webp') center/cover no-repeat; }
.grc-cta h2 { margin: 12px 0 0; font: 300 clamp(2.4rem, 4.2vw, 3.9rem)/1 var(--serif); letter-spacing: -.04em; color: #fff; }
.grc-cta h2 em { color: var(--cyan); font-style: italic; }
.grc-cta p:not(.eyebrow) { max-width: 560px; margin-top: 14px; color: #d8e4f3d9; font-size: 14px; line-height: 1.7; }
.cta-layout { display: flex; justify-content: space-between; gap: 50px; align-items: center; flex-wrap: wrap; }
.cta-copy .actions { margin-top: 25px; padding-bottom: 0; }
.grc-cta .text-link { color: #ffffff; text-decoration: none; }
.grc-cta .text-link:hover { color: #ffffff; }
.cta-values { display: flex; gap: 35px; flex-wrap: wrap; }
.cta-values span { display: grid; gap: 12px; justify-items: center; text-align: center; color: var(--cyan); }
.cta-values i { display: grid; place-items: center; width: 46px; height: 46px; margin: 0 auto; border: 2px solid #b9f2f3; border-radius: 50%; color: #b9f2f3; font-style: normal; }
.cta-values i svg { width: 22px; height: 22px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.cta-values b { display: block; color: #fff; font-size: 10px; letter-spacing: .13em; }
.cta-values small { display: block; margin-top: 2px; color: #c7d9ea; font-size: 9px; letter-spacing: .05em; }

.grc-modal { position: fixed; z-index: 999; inset: 0; display: grid; place-items: center; padding: 20px; background: #071a52b8; opacity: 0; pointer-events: none; transition: .2s; }
.grc-modal.open { opacity: 1; pointer-events: auto; }
.modal-card { position: relative; width: min(560px, 100%); max-height: 85vh; overflow: auto; padding: 44px; border-radius: 22px; background: #fff; box-shadow: 0 25px 80px #00133d40; }
.modal-close { position: absolute !important; top: 16px !important; right: 16px !important; display: grid !important; place-items: center !important; width: 34px !important; height: 34px !important; min-width: 34px !important; padding: 0 !important; margin: 0 !important; border: 1px solid #d7dfeb !important; border-radius: 50% !important; background: #f1f5f9 !important; background-color: #f1f5f9 !important; color: var(--ink) !important; font-size: 20px !important; font-family: Arial, sans-serif !important; font-weight: 400 !important; text-transform: none !important; letter-spacing: 0 !important; line-height: 1 !important; cursor: pointer !important; box-shadow: none !important; }
.modal-card .eyebrow { color: var(--blue); border-color: #0d4cff33; }
.modal-card h2 { font-size: 34px; margin: 10px 0 12px; font-family: var(--serif); font-weight: 500; color: var(--ink); }
.modal-card > p:not(.eyebrow) { color: #677388; line-height: 1.65; font-size: 14px; }
.modal-card ul { display: grid; gap: 11px; margin-top: 16px; padding-left: 19px; color: var(--ink); font-size: 13px; }
.modal-card li::marker { color: var(--blue); }

@media(max-width:900px) {
  .hero-columns { grid-template-columns: 1fr; }
  .hero-panel { max-width: 420px; }
  .solution-grid { grid-template-columns: repeat(2, 1fr); }
  .approach-layout { grid-template-columns: 1fr; }
  .cta-layout { display: grid; }
}
@media(max-width:600px) {
  .section { padding: 78px 0; }
  .grc-hero { min-height: auto; }
  .grc-hero-content, .grc-hero .container { padding-top: 108px; padding-bottom: 28px; }
  .hero-trust-panel { display: none !important; }
  .breadcrumb { margin-bottom: 35px; }
  .grc-hero h1 { font-size: 3.7rem; }
  .hero-columns { gap: 45px; }
  .section-heading { display: block; }
  .section-heading > p { margin-top: 22px; }
  .solution-grid, .approach-wheel { grid-template-columns: 1fr; }
  .grc-cta { padding: 60px 0; }
  .cta-layout { gap: 26px; }
  .cta-values { justify-content: space-between; flex-wrap: nowrap; gap: 12px; width: 100%; margin-top: 28px; }
  .cta-values span { gap: 8px; }
  .cta-values i { width: 36px; height: 36px; }
  .cta-values i svg { width: 18px; height: 18px; }
  .cta-values b { font-size: 8px; letter-spacing: .08em; }
  .cta-values small { font-size: 7px; }
  .vertical-note { display: none; }
  .modal-card { padding: 35px 25px; }
  .modal-card h2 { font-size: 28px; }
}

/* Alignment section (Standards, frameworks & alignment) */
.alignment { background: linear-gradient(180deg, #f4f8fc 0%, #eaf1f8 100%); padding-top: 82px; padding-bottom: 104px; }
.alignment .section-heading { margin-bottom: 42px; }
.alignment-layout { display: grid; grid-template-columns: 1.1fr .8fr 1.1fr; gap: 25px; align-items: center; }
.standards-box, .framework-stack article { border: 1px solid rgba(7,27,88,.12); border-radius: 20px; background: #eef3f7; box-shadow: 0 18px 45px rgba(7,27,88,.09); overflow: hidden; padding: 28px; }
.standards-box h3, .framework-stack h3 { margin: 0 0 20px; font: 500 21px var(--serif); color: var(--ink); font-style: normal; }
.standard-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; }
.standard-grid span { display: flex; flex-direction: column; justify-content: center; align-items: center; min-height: 66px; padding: 10px 6px; border-radius: 9px; background: #fff; color: var(--blue); font-size: 12px; font-weight: 800; text-align: center; }
.standard-grid small { display: block; margin-top: 4px; color: #8490a2; font-size: 9px; font-weight: 500; }
.framework-stack { display: flex; flex-direction: column; gap: 18px; }
.framework-stack article:first-child { background: #e9f5ef; }
.framework-stack article:last-child { background: #f0eafa; }
.framework-stack p { margin: 0; color: #53657e; font-size: 13px; line-height: 1.8; }
.grc-core { grid-column: 2; display: flex; flex-direction: column; align-items: center; justify-content: center; min-height: 0; padding: 0; background: transparent; border: 0; box-shadow: none; transform: scale(1.05); transform-origin: center center; text-align: center; }
.grc-diagram { display: block; width: 100%; max-width: 420px; height: auto; overflow: visible; }
.grc-diagram text { font-family: Arial, sans-serif; }
.diagram-title { fill: #fff; font-weight: 700; font-size: 15px; }
.diagram-sub { fill: #fff; font-size: 11px; opacity: .9; }
.diagram-center { fill: #1c2b3f; font-weight: 700; font-size: 15px; }
.diagram-banner { fill: #fff; font-weight: 600; font-size: 14px; letter-spacing: .03em; }
.diagram-connector, .diagram-arrows { display: none; }
.alignment .dark-button { display: flex; width: max-content; margin: 42px 0 0 auto; background: var(--ink); color: #fff; }
.alignment .dark-button:hover { transform: translateY(-2px); }
@media (max-width: 980px) {
  .alignment-layout { grid-template-columns: 1fr; gap: 32px; }
  .grc-core { order: -1; transform: none; grid-column: auto; }
  .framework-stack { display: grid; grid-template-columns: 1fr 1fr; gap: 18px; }
  .alignment .dark-button { margin-left: 0; }
}
@media (max-width: 600px) {
  .alignment { padding-top: 70px; padding-bottom: 74px; }
  .framework-stack { grid-template-columns: 1fr; }
  .standard-grid { grid-template-columns: repeat(2, 1fr); }
  .grc-core { margin-left: -24px; margin-right: -24px; width: calc(100% + 48px); }
  .grc-diagram { max-width: 100%; }
}
.alignment .eyebrow, .alignment .eyebrow p { color: var(--blue); border-color: #0d4cff33; }

/* Unified isdt-btn style for raw-HTML buttons (matches Home page button widgets) */
a.isdt-btn { display: inline-flex; align-items: center; gap: 12px; background: #fff; color: #071B58; font: 700 16px/1 'DM Sans', Arial, sans-serif; padding: 14px 20px; border-radius: 999px; text-decoration: none; }
a.isdt-btn:hover { background: #fff; color: #071B58; }
a.isdt-btn b { display: grid; place-items: center; width: 28px; height: 28px; border-radius: 50%; background: #0d4cff; color: #fff; font-size: 17px; font-weight: 700; line-height: 1; font-style: normal; }
.alignment .isdt-btn.elementor-button, .isdt-align-btn .elementor-button { box-shadow: 0 14px 30px rgba(7,27,88,.16); }
.alignment .isdt-align-btn { width: max-content; margin-left: auto; margin-right: 0; align-self: flex-end; }

@media (max-width: 600px) {
  .hero-panel { display: none !important; }
}

/* Fix compounding Elementor default padding on nested hero containers (was squeezing mobile hero text into a narrow column) */
.hero-columns, .hero-columns > .e-con { padding-left: 0 !important; padding-right: 0 !important; }

/* Section-heading lead paragraphs: match Home page's isdt-section-lead sizing/spacing */
.section-heading > .isdt-section-lead { flex: 0 0 370px; max-width: 370px; margin: 0; }
@media (max-width: 1024px) {
  .section-heading { flex-wrap: wrap; gap: 0; }
  .section-heading > .isdt-section-lead { flex: none; width: auto; max-width: none; margin-top: 20px; }
  .alignment .section-heading { margin-bottom: 16px; }
  .elementor-element-gAl02 { padding-bottom: 0 !important; }
  .elementor-element-gAl01 { margin-top: -24px !important; }
  .actions { flex-direction: column !important; align-items: flex-start !important; }
  .actions > *:first-child { width: 274px !important; }
  .actions .text-link { margin-left: 20px; }
}
/* Fix: gAl06 wrapper (eyebrow+heading group in Alignment section) adds unwanted default Elementor padding, misaligning heading vs rest of page */
.elementor-element-gAl06, .elementor-element-gS0W, .elementor-element-gA0W { padding-left: 0 !important; padding-right: 0 !important; }

/* Placeholder hero for About + Services pages */
.isdt-placeholder-hero {
  background: linear-gradient(160deg, #071b58 0%, #0d1a4d 55%, #0a1440 100%);
  min-height: 70vh;
  display: flex;
  align-items: center;
  padding: 200px 5vw 120px;
  color: #fff;
}
.isdt-placeholder-hero .container {
  max-width: 640px;
  margin: 0 auto;
  text-align: center;
}
.isdt-placeholder-hero p.eyebrow {
  color: var(--cyan);
  border-color: #b9ffff44;
  margin: 0 0 24px;
}
.isdt-placeholder-title.elementor-widget-heading .elementor-heading-title {
  font: 300 clamp(2.6rem, 5vw, 4.2rem)/1.05 var(--serif);
  color: #fff;
  letter-spacing: -0.02em;
  margin: 0 0 20px;
}
.isdt-placeholder-lead p {
  font: 400 16px/1.7 var(--sans);
  color: #dbe6ff;
  max-width: 560px;
  margin: 0 auto 32px;
}
.isdt-placeholder-hero .isdt-btn {
  margin: 0 auto;
}
@media (max-width: 600px) {
  .isdt-placeholder-hero { padding: 150px 6vw 80px; min-height: 60vh; }
}

/* Fix: .grc-hero section carries its own default Elementor side padding (16px) which stacks on top of the inner .container width formula, over-narrowing the hero content vs Home page pattern */
.grc-hero { padding-left: 0 !important; padding-right: 0 !important; }


/* ==========================================================
   SERVICE PAGES: CARDS + POPUP (ISO / HSE / ESG)
   ========================================================== */
.solution-card:nth-child(9) { --card-accent: #b8863b; }
.solution-card:nth-child(10) { --card-accent: #2f7fb8; }
.modal-card > p.modal-label { margin: 18px 0 6px; color: var(--blue); font-size: 11px; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; }
.modal-card .modal-label[hidden], .modal-card ul[hidden] { display: none; }


/* ==========================================================
   LOGO (NEW BRAND MARK: icon + name + tagline in one image)
   ========================================================== */
.isdt-brand .isdt-logo img { width: auto !important; height: 118px !important; max-width: none; object-fit: contain; display: block; }
.isdt-f-logo img { width: auto !important; height: 110px !important; max-width: 100%; object-fit: contain; display: block !important; }
@media (max-width:850px) {
  .isdt-brand .isdt-logo img { width: auto !important; height: 72px !important; }
}
@media (max-width:767px) {
  .isdt-f-logo img { height: 92px !important; }
}


/* ==========================================================
   NAVBAR TYPE SCALE (sized to the 100px logo)
   ========================================================== */
@media (min-width:1181px) and (max-width:1366px) {
  .isdt-navbar .isdt-nav .elementor-nav-menu--main .elementor-item { font-size: 14px !important; }
  .isdt-navbar .isdt-nav nav.elementor-nav-menu--main ul.elementor-nav-menu > li:not(:last-child) { margin-right: 20px !important; }
  .isdt-brand .isdt-logo img { height: 96px !important; }
  .isdt-navbar .isdt-nav-btn .elementor-button { font-size: 15px !important; padding: 14px 20px !important; }
}


/* ==========================================================
   GRC INFOGRAPHIC IMAGE (replaces the HTML/SVG diagram; backup kept in Templates > 'GRC Infographic (HTML backup)')
   ========================================================== */
.alignment-layout:has(.grc-core-img) { grid-template-columns: 1fr 1.25fr 1fr; gap: 28px; }
.grc-core.grc-core-img { transform: none; width: 100%; }
.grc-core-img img { display: block; width: 100%; max-width: 460px; height: auto; margin: 0 auto; background: none; border: 0; border-radius: 0; box-shadow: none; }
@media (max-width:1180px) {
  .alignment-layout:has(.grc-core-img) { grid-template-columns: 1fr; }
  .grc-core.grc-core-img { grid-column: auto; order: -1; max-width: 520px; margin: 0 auto; }
  .grc-core-img img { width: 100%; margin: 0; }
  .alignment-layout:has(.grc-core-img) .framework-stack { display: grid; grid-template-columns: 1fr 1fr; gap: 18px; }
}
@media (max-width:767px) {
  .alignment-layout:has(.grc-core-img) .framework-stack { grid-template-columns: 1fr; }
}
@media (max-width:767px) {
  .grc-core.grc-core-img { margin-left: 0; margin-right: 0; width: 100%; }
  .grc-core-img img { width: 100%; max-width: 420px; margin: 0 auto; }
}


/* ==========================================================
   GRC STANDARDS PANELS (ISO / Global Frameworks / Regional)
   ========================================================== */
.alignment-layout.std-layout { grid-template-columns: 1.12fr 1fr 1.12fr; gap: 22px; align-items: center; }
.std-layout .grc-core.grc-core-img img { max-width: 440px; }
.std-stack { display: flex; flex-direction: column; gap: 16px; }
.std-panel { padding: 18px; border: 1px solid rgba(7,27,88,.08); border-radius: 18px; background: #eef3fb; box-shadow: 0 14px 36px rgba(7,27,88,.07); }
.std-panel-gf { background: #eaf6ef; }
.std-panel-rr { background: #f1ecfa; }
.std-head { display: flex; align-items: center; gap: 10px; margin: 0 0 14px !important; font: 700 14px/1.3 var(--sans) !important; color: var(--ink); letter-spacing: 0; }
.std-head em { font-style: normal; }
.std-ic { flex: none; display: grid; place-items: center; width: 30px; height: 30px; border-radius: 50%; background: #2c59c7; color: #fff; }
.std-panel-gf .std-ic { background: #1f8a5b; }
.std-panel-rr .std-ic { background: #6d3fc0; }
.std-ic svg { width: 16px; height: 16px; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
.std-tiles { display: grid; grid-template-columns: repeat(4, 1fr); gap: 8px; }
.std-tile { display: flex; flex-direction: column; align-items: center; justify-content: flex-start; gap: 2px; min-height: 84px; padding: 10px 6px; border-radius: 12px; background: #fff; text-align: center; box-shadow: 0 2px 8px rgba(7,27,88,.04); }
/* tile titles pinned to top */
.std-tile { padding-top: 14px; }
.std-tile .std-name:first-child { margin-top: 0; }
.std-pre { color: #0d4cff; font-size: 12px; font-weight: 800; line-height: 1.1; letter-spacing: .02em; }
.std-name { color: var(--ink); font-size: 14px; font-weight: 800; line-height: 1.15; }
.std-other { font-size: 12.5px; }
.std-sub { color: var(--ink); font-size: 10.5px; font-weight: 700; line-height: 1.2; }
.std-tile small { margin-top: 4px; color: #56657e; font-size: 10.5px; line-height: 1.3; }
.std-panel-iso .std-tile { min-height: 96px; }
.std-tiles-rr .std-tile:nth-child(n+5) { grid-column: span 1; }
.std-tiles-rr { grid-template-columns: repeat(12, 1fr); }
.std-tiles-rr .std-tile { grid-column: span 3; }
.std-tiles-rr .std-tile:nth-child(n+5) { grid-column: span 4; }
@media (min-width:1181px) and (max-width:1366px) {
  .alignment-layout.std-layout { gap: 16px; }
  .std-panel { padding: 14px; }
  .std-tiles { gap: 6px; }
  .std-name { font-size: 12.5px; }
  .std-tile small, .std-sub { font-size: 9.5px; }
}
@media (max-width:1180px) {
  .alignment-layout.std-layout { grid-template-columns: 1fr; gap: 24px; }
  .std-layout .grc-core.grc-core-img { grid-column: auto; order: -1; }
  .std-panel { padding: 22px; }
  .std-head { font-size: 16px !important; }
  .std-name { font-size: 16px; }
  .std-pre { font-size: 13px; }
  .std-tile small, .std-sub { font-size: 12px; }
  .std-tile, .std-panel-iso .std-tile { min-height: 100px; }
}
@media (max-width:767px) {
  .std-panel { padding: 16px; }
  .std-head { font-size: 15px !important; align-items: flex-start; }
  .std-tiles, .std-tiles-rr { grid-template-columns: repeat(2, 1fr); }
  .std-tiles-rr .std-tile, .std-tiles-rr .std-tile:nth-child(n+5) { grid-column: auto; }
  .std-tiles-rr .std-tile:last-child { grid-column: 1 / -1; }
}

/* ==========================================================
   GRC APPROACH AS STEPS (numbered flow with arrows)
   ========================================================== */
.approach-layout.step-layout { grid-template-columns: 1fr; gap: 28px; }
.approach-wheel.step-flow { display: grid; grid-template-columns: repeat(7, 1fr); gap: 0; padding: 38px 18px 32px; border-radius: 22px; background: #fff; box-shadow: 0 14px 40px rgba(7,27,88,.07); }
.step-flow .approach-step { position: relative; display: flex; flex-direction: column; align-items: center; padding: 0 12px; border-radius: 0; background: transparent; box-shadow: none; overflow: visible; text-align: center; transform: none !important; }
.step-flow .approach-step:not(:last-child):after { content: ''; position: absolute; top: 27px; left: calc(50% + 40px); right: calc(-50% + 40px); height: 2px; background: linear-gradient(90deg, #cfe0f7, #8fb6f0); }
.step-flow .approach-step > b { position: relative; z-index: 1; width: 56px; height: 56px; margin: 0 0 18px; font-size: 16px; font-weight: 800; box-shadow: 0 8px 18px color-mix(in srgb, var(--step-color) 35%, transparent); transition: transform .25s ease; }
.step-flow .approach-step:not(:last-child):before { content: ''; display: block; position: absolute; top: 22px; left: calc(150% - 48px); width: 0; height: 0; margin: 0; background: none; border-radius: 0; border-left: 10px solid #8fb6f0; border-top: 6px solid transparent; border-bottom: 6px solid transparent; }
.step-flow .approach-step:last-child:before { display: none; }
.step-layout .deliverable-panel .eyebrow { justify-self: start; width: auto; }
.step-ic { position: relative; display: grid; place-items: center; width: 38px; height: 38px; margin: 0 0 12px; color: var(--step-color); }
.step-ic svg { width: 32px; height: 32px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.step-flow .approach-step h3 { margin: 0 0 8px; font: 800 14px/1.2 var(--sans); letter-spacing: .06em; text-transform: uppercase; color: var(--ink); }
.step-flow .approach-step p { font-size: 12.5px; line-height: 1.55; color: #5f6c81; }
.step-flow .approach-more { margin-top: auto; padding-top: 14px; border-bottom: 0; font-size: 10px; color: var(--step-color); }
.step-flow .approach-more b { width: 18px; height: 18px; font-size: 13px; background: var(--step-color); }
.step-flow .approach-step:hover > b, .step-flow .approach-step:focus-visible > b { transform: scale(1.08); }
.step-flow .approach-step:hover h3, .step-flow .approach-step:focus-visible h3 { color: var(--step-color); }
.step-layout .deliverable-panel { display: grid; grid-template-columns: 260px 1fr; gap: 10px 40px; align-items: center; }
.step-layout .deliverable-panel .eyebrow { grid-column: 1; }
.step-layout .deliverable-panel h3 { grid-column: 1; margin: 0; }
.step-layout .deliverable-list { grid-column: 2; grid-row: 1 / span 2; grid-template-columns: repeat(2, 1fr); gap: 12px 30px; }
@media (min-width:1181px) and (max-width:1366px) {
  .step-flow .approach-step { padding: 0 8px; }
  .step-flow .approach-step h3 { font-size: 12.5px; }
  .step-flow .approach-step p { font-size: 11.5px; }
}
@media (max-width:1180px) {
  .approach-wheel.step-flow { grid-template-columns: 1fr; gap: 0; padding: 30px 26px; }
  .step-flow .approach-step { display: grid; grid-template-columns: 56px 1fr; column-gap: 20px; align-items: start; padding: 0 0 30px; text-align: left; }
  .step-flow .approach-step:last-child { padding-bottom: 0; }
  .step-flow .approach-step > b { grid-row: 1 / span 4; margin: 0; }
  .step-flow .approach-step:not(:last-child):after { top: 60px; bottom: 4px; left: 27px; right: auto; width: 2px; height: auto; background: linear-gradient(180deg, #8fb6f0, #cfe0f7); }
  .step-flow .approach-step:not(:last-child):before { display: none; }
  .step-ic { grid-column: 2; width: auto; height: auto; place-items: start; margin: 4px 0 8px; }
  .step-ic svg { width: 26px; height: 26px; }
  .step-flow .approach-step h3, .step-flow .approach-step p, .step-flow .approach-more { grid-column: 2; justify-self: start; }
  .step-flow .approach-step p { font-size: 13.5px; }
  .step-layout .deliverable-panel { grid-template-columns: 1fr; }
  .step-layout .deliverable-list { grid-column: 1; grid-row: auto; margin-top: 18px; }
}
@media (max-width:767px) {
  .approach-wheel.step-flow { padding: 26px 18px; }
  .step-flow .approach-step { grid-template-columns: 48px 1fr; column-gap: 16px; }
  .step-flow .approach-step > b { width: 48px; height: 48px; font-size: 14px; }
  .step-flow .approach-step:not(:last-child):after { top: 52px; left: 23px; }
  .step-layout .deliverable-list { grid-template-columns: 1fr; }
}

/* ==========================================================
   SUB-SERVICE CARDS (all service pages; full text opens in popup)
   ========================================================== */
.sub-grid .solution-card { display: flex; flex-direction: column; }
.sub-grid .solution-card h3 { font-size: 24px; line-height: 1.05; }
.sub-grid .solution-card p { display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
.sub-grid .solution-action { align-self: flex-start; margin-top: auto; padding-top: 0; }
.sub-grid .solution-card p { margin-bottom: 18px; }


/* ==========================================================
   SERVICE POPUP: sections, deliverable chips, CTA
   ========================================================== */
.grc-modal .modal-card { width: min(640px, 100%); }
.modal-card #modal-copy { margin: 0; }
.modal-card #modal-sections > p.modal-label { margin: 22px 0 10px; color: var(--blue, #0d4cff); font-size: 11px; font-weight: 700; line-height: 1.3; letter-spacing: .14em; text-transform: uppercase; }
.modal-card ul.modal-list { display: grid; grid-template-columns: 1fr 1fr; gap: 9px 22px; margin: 0; padding-left: 18px; color: var(--ink, #071b58); font-size: 13px; line-height: 1.45; }
.modal-card ul.modal-chips { display: flex; flex-wrap: wrap; gap: 8px; margin: 0; padding: 0; list-style: none; }
.modal-card ul.modal-chips li { padding: 7px 12px; border: 1px solid #0d4cff26; border-radius: 999px; background: #eef3fb; color: var(--ink, #071b58); font-size: 12px; font-weight: 600; line-height: 1.2; }
.modal-card .modal-cta { display: inline-flex; align-items: center; gap: 10px; margin-top: 26px; padding: 12px 14px 12px 20px; border-radius: 999px; background: #071b58; color: #fff !important; font-size: 13px; font-weight: 700; text-decoration: none; }
.modal-card .modal-cta b { display: grid; place-items: center; width: 24px; height: 24px; border-radius: 50%; background: #0d4cff; font-size: 13px; }
.modal-card .modal-cta[hidden] { display: none; }
@media (max-width:767px) {
  .modal-card ul.modal-list { grid-template-columns: 1fr; }
}

/* ==========================================================
   HSE PAGE ADDITIONS (reuse GRC standards + approach layouts)
   ========================================================== */
.std-tiles.std-tiles-2 { grid-template-columns: repeat(2, 1fr); }
.std-tiles.std-tiles-1 { grid-template-columns: 1fr; }
.std-tiles.std-tiles-3 { grid-template-columns: repeat(3, 1fr); }
.std-layout .grc-core:not(.grc-core-img) { grid-column: 2; transform: none; }
.std-layout .grc-core:not(.grc-core-img) .grc-diagram { max-width: 440px; margin: 0 auto; }
.approach-wheel.step-flow.step-flow-6 { grid-template-columns: repeat(6, 1fr); }
.std-layout .grc-diagram text.diagram-center { font-size: 27px; font-weight: 800; }
.std-layout .grc-diagram text.diagram-title { font-size: 17px; font-weight: 800; letter-spacing: .02em; }
.std-layout .grc-diagram text.diagram-sub { font-size: 12.5px; }
.std-layout .grc-diagram text.diagram-banner { font-size: 21px; font-weight: 800; letter-spacing: .06em; }
.hero-copy p + p { margin-top: 10px !important; }
.hero-copy p:first-child:not(:only-child) { font-weight: 700; color: #fff; }
@media (max-width:1180px) {
  .std-layout .grc-core:not(.grc-core-img) { grid-column: auto; order: -1; margin: 0 auto; width: 100%; max-width: 520px; }
  .approach-wheel.step-flow.step-flow-6 { grid-template-columns: 1fr; }
}
@media (max-width:767px) {
  .std-tiles.std-tiles-2 { grid-template-columns: repeat(2, 1fr); }
  .std-tiles.std-tiles-3 { grid-template-columns: repeat(2, 1fr); }
  .std-tiles.std-tiles-3 .std-tile:last-child:nth-child(odd) { grid-column: 1 / -1; }
}


/* ==========================================================
   ISO PAGE: help box + Why ISO section
   ========================================================== */
.iso-help { padding: 0 0 20px; background: #f4f7fa; font-family: 'DM Sans', Arial, sans-serif; }
.iso-help-box { display: flex; align-items: center; gap: 24px; padding: 26px 30px; border: 1px solid rgba(13,76,255,.14); border-radius: 20px; background: linear-gradient(90deg, #eaf1fe, #f5f8fe); }
.iso-help-ic { flex: none; display: grid; place-items: center; width: 64px; height: 64px; border-radius: 50%; background: #fff; color: #0d4cff; box-shadow: 0 8px 20px rgba(7,27,88,.08); }
.iso-help-ic svg { width: 30px; height: 30px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.iso-help-copy { flex: 1; }
.iso-help-copy h3 { margin: 0 0 6px; font: 700 20px/1.25 'DM Sans', Arial, sans-serif; color: #071b58; }
.iso-help-copy p { margin: 0; color: #56657e; font-size: 14px; line-height: 1.6; }
.iso-help .iso-help-btn { flex: none; display: inline-flex; align-items: center; gap: 10px; padding: 14px 16px 14px 22px; border-radius: 999px; background: #071b58 !important; color: #fff !important; font-size: 14px; font-weight: 700; text-decoration: none; }
.iso-help-btn b { display: grid; place-items: center; width: 24px; height: 24px; border-radius: 50%; background: #0d4cff; font-size: 13px; }
.iso-why { position: relative; padding: 90px 0; background: linear-gradient(110deg, #071b58 0%, #0b2a7a 60%, #0d3a9a 100%); color: #fff; font-family: 'DM Sans', Arial, sans-serif; overflow: hidden; }
.iso-why-layout { display: grid; grid-template-columns: 1.6fr 1fr; gap: 60px; align-items: center; }
.iso-why .eyebrow { color: #b9ffff; border-color: #b9ffff55; }
.iso-why h2 { margin: 16px 0 34px; font: 300 clamp(34px, 4vw, 52px)/1 'Cormorant Garamond', Georgia, serif; color: #fff; }
.iso-why h2 em, .iso-why-side h3 em { color: #b9ffff; font-style: italic; }
.why-grid { display: grid; grid-template-columns: repeat(6, 1fr); gap: 0; }
.why-item { display: flex; flex-direction: column; align-items: center; gap: 12px; padding: 6px 10px; text-align: center; border-right: 1px solid rgba(255,255,255,.14); }
.why-item:last-child { border-right: 0; }
.why-item i { display: grid; place-items: center; width: 52px; height: 52px; border: 1px solid rgba(185,255,255,.45); border-radius: 50%; color: #b9ffff; }
.why-item svg { width: 24px; height: 24px; fill: none; stroke: currentColor; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; }
.why-item span { font-size: 12px; font-weight: 700; line-height: 1.35; letter-spacing: .02em; color: #fff; }
.iso-why-side { padding: 34px; border: 1px solid rgba(185,255,255,.25); border-radius: 22px; background: rgba(255,255,255,.05); }
.iso-why-side h3 { margin: 0 0 14px; font: 400 32px/1.05 'Cormorant Garamond', Georgia, serif; color: #fff; }
.iso-why-side p { margin: 0; color: #d6e2f5; font-size: 14px; line-height: 1.7; }
@media (max-width:1180px) {
  .iso-why-layout { grid-template-columns: 1fr; gap: 36px; }
  .why-grid { grid-template-columns: repeat(3, 1fr); row-gap: 26px; }
  .why-item:nth-child(3n) { border-right: 0; }
}
@media (max-width:767px) {
  .iso-help-box { flex-direction: column; align-items: flex-start; padding: 24px 20px; }
  .iso-help-copy h3 { font-size: 18px; }
  .iso-why { padding: 64px 0; }
  .why-grid { grid-template-columns: repeat(2, 1fr); }
  .why-item, .why-item:nth-child(3n) { border-right: 1px solid rgba(255,255,255,.14); }
  .why-item:nth-child(2n) { border-right: 0; }
}

/* ==========================================================
   SECTION HEADINGS: align all service pages with GRC
   (generic version of the gAl06/gS0W/gA0W fixes)
   ========================================================== */
.section-heading > .e-con { padding-left: 0 !important; padding-right: 0 !important; }
@media (max-width: 1024px) {
  .alignment .section-heading { padding-bottom: 0 !important; }
  .alignment .section-heading + .elementor-widget-html { margin-top: -24px !important; }
}


/* ==========================================================
   LIFECYCLE WHEEL v2 (arrow segments, edge badges, image center)
   + GRC-style popup
   ========================================================== */
.lifecycle-wheel-wrap { max-width: 720px; padding: 22px; }
.lifecycle-wheel { max-width: 680px; }
.lifecycle-segment { outline: none; }
.lifecycle-segment path { transition: filter .18s ease; }
.lifecycle-segment:hover path, .lifecycle-segment:focus-visible path { filter: brightness(1.12) drop-shadow(0 6px 10px rgba(7,27,88,.25)); }
.lc-seg-icon { fill: none; stroke: #fff; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; pointer-events: none; }
.lc-seg-title { fill: #fff; font: 700 13px/1 'DM Sans', Arial, sans-serif; pointer-events: none; }
.lc-badge { pointer-events: none; filter: drop-shadow(0 4px 8px rgba(7,27,88,.18)); }
.lc-badge text { font: 800 16px/1 'DM Sans', Arial, sans-serif; }
.lc-modal { --ink: #071b58; --blue: #0d4cff; --serif: 'Cormorant Garamond', Georgia, serif; --sans: 'DM Sans', Arial, sans-serif; font-family: var(--sans); z-index: 1000; }
.lc-modal .modal-card { --lc-color: #0d4cff; border-top: 5px solid var(--lc-color); }
.lc-modal .modal-card p.eyebrow { color: var(--lc-color); border-color: color-mix(in srgb, var(--lc-color) 30%, transparent); }
.lc-modal .modal-card p.eyebrow::before { background: var(--lc-color); }
.lc-modal .modal-card h2 { color: #071b58; }
.lc-modal .modal-card > p.lc-tag { margin: 0; color: #56657e; font-size: 15px; font-weight: 600; }
.lc-modal .modal-card > p.modal-label { margin: 22px 0 10px; color: var(--lc-color); font-size: 11px; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; }
.lc-modal .modal-card ul.modal-list { display: grid; grid-template-columns: 1fr; gap: 10px; margin: 0; padding-left: 18px; color: #071b58; font-size: 14px; line-height: 1.5; }
.lc-modal .modal-card ul.modal-list li::marker { color: var(--lc-color); }
.lc-modal .lifecycle-nav { margin-top: 26px; }
.lc-modal .lifecycle-nav button { color: #071b58 !important; background: #fff !important; border: 1px solid #d6e0ef !important; border-radius: 999px !important; padding: 11px 14px !important; font: 700 12px 'DM Sans', Arial, sans-serif !important; text-transform: none !important; letter-spacing: 0 !important; }
.lc-modal .lifecycle-nav button:hover { background: #f2f6fb !important; border-color: var(--lc-color) !important; }
@media (max-width: 480px) {
  .lifecycle-wheel-wrap { padding: 4px; }
  .lc-seg-title { font-size: 17px; }
  .lc-badge text { font-size: 19px; }
}

/* ==========================================================
   REGIONAL PRESENCE v2 (light section, city cards)
   ========================================================== */
.isdt-regional { --navy: #071b58; --cyan: #b9ffff; --blue: #0d4cff; --serif: 'Cormorant Garamond', Georgia, serif; --sans: 'DM Sans', Arial, sans-serif; background: #f4f7fa !important; color: var(--navy) !important; padding: 112px 0 !important; }
.isdt-regional .isdt-h2 .elementor-heading-title em { color: var(--blue); font-style: italic; }
.isdt-city-grid { display: grid !important; grid-template-columns: repeat(3, 1fr); gap: 24px !important; }
.isdt-city-card { position: relative !important; aspect-ratio: 1 / 1; overflow: hidden; border-radius: 0; box-shadow: 0 22px 50px rgba(7,27,88,.14); isolation: isolate; }
.isdt-city-card > .elementor-widget-image { position: absolute !important; inset: 0; z-index: 0; width: 100%; margin: 0 !important; }
.isdt-city-card > .elementor-widget-image, .isdt-city-card > .elementor-widget-image .elementor-widget-container { height: 100%; }
.isdt-city-card .isdt-city-img img { width: 100% !important; height: 100% !important; max-width: none; object-fit: cover; transition: transform .5s ease; }
.isdt-city-card:hover .isdt-city-img img { transform: scale(1.05); }
.isdt-city-card::after { content: ''; position: absolute; inset: 0; z-index: 1; background: linear-gradient(180deg, rgba(7,27,88,0) 42%, rgba(7,27,88,.55) 70%, rgba(5,18,60,.92) 100%); pointer-events: none; }
.isdt-city-info { position: relative; z-index: 2; padding: 0 28px 26px !important; gap: 14px !important; }
.isdt-city-name .elementor-icon-box-wrapper { display: flex !important; flex-direction: row !important; align-items: center; gap: 14px; text-align: left !important; }
.isdt-city-name .elementor-icon-box-icon { display: inline-flex !important; margin: 0 !important; }
.isdt-city-name .elementor-icon-box-title { margin-top: 0; }
.isdt-city-name .elementor-icon-box-description { margin: 0; }
.isdt-city-tag p { margin: 0; padding-top: 12px; border-top: 1px solid rgba(185,255,255,.3); white-space: nowrap; letter-spacing: .1em; }
@media (max-width: 1024px) {
  .isdt-city-grid { gap: 16px !important; }
  .isdt-city-info { padding: 0 20px 20px !important; }
  .isdt-city-name .elementor-icon-box-title { font-size: 24px !important; }
  .isdt-city-tag p { white-space: normal; }
}
@media (max-width: 767px) {
  .isdt-regional { padding: 78px 0 !important; }
  .isdt-city-grid { grid-template-columns: 1fr; gap: 20px !important; }
  .isdt-city-info { padding: 0 24px 24px !important; }
  .isdt-city-name .elementor-icon-box-title { font-size: 28px !important; }
}


/* ==========================================================
   SERVICE PAGE HERO BACKGROUNDS (GRC keeps the default image)
   ========================================================== */
body.page-id-5061 .grc-hero { background-image: linear-gradient(90deg, rgba(4,18,54,.94) 0%, rgba(7,31,76,.82) 46%, rgba(5,55,78,.58) 100%), url('https://isdtconsultants.com/wp-content/uploads/2026/09/iso-management-hero.webp') !important; background-position: center !important; background-size: cover !important; }
body.page-id-5062 .grc-hero { background-image: linear-gradient(90deg, rgba(4,18,54,.94) 0%, rgba(7,31,76,.82) 46%, rgba(5,55,78,.58) 100%), url('https://isdtconsultants.com/wp-content/uploads/2026/09/digital-trust-hero.webp') !important; background-position: center !important; background-size: cover !important; }
body.page-id-5063 .grc-hero { background-image: linear-gradient(90deg, rgba(4,18,54,.94) 0%, rgba(7,31,76,.82) 46%, rgba(5,55,78,.58) 100%), url('https://isdtconsultants.com/wp-content/uploads/2026/09/sustainability-esg-hero.webp') !important; background-position: center !important; background-size: cover !important; }
body.page-id-5064 .grc-hero { background-image: linear-gradient(90deg, rgba(4,18,54,.94) 0%, rgba(7,31,76,.82) 46%, rgba(5,55,78,.58) 100%), url('https://isdtconsultants.com/wp-content/uploads/2026/09/hse-excellence-hero.webp') !important; background-position: center !important; background-size: cover !important; }
body.page-id-5065 .grc-hero { background-image: linear-gradient(90deg, rgba(4,18,54,.94) 0%, rgba(7,31,76,.82) 46%, rgba(5,55,78,.58) 100%), url('https://isdtconsultants.com/wp-content/uploads/2026/09/incident-investigation-hero.webp') !important; background-position: center !important; background-size: cover !important; }
body.page-id-5066 .grc-hero { background-image: linear-gradient(90deg, rgba(4,18,54,.94) 0%, rgba(7,31,76,.82) 46%, rgba(5,55,78,.58) 100%), url('https://isdtconsultants.com/wp-content/uploads/2026/09/training-capacity-hero.webp') !important; background-position: center !important; background-size: cover !important; }
body.page-id-5067 .grc-hero { background-image: linear-gradient(90deg, rgba(4,18,54,.94) 0%, rgba(7,31,76,.82) 46%, rgba(5,55,78,.58) 100%), url('https://isdtconsultants.com/wp-content/uploads/2026/09/specialist-advisory-hero.webp') !important; background-position: center !important; background-size: cover !important; }


/* ==========================================================
   ABOUT PAGE (native Elementor sections)
   ========================================================== */
.about-sec, .about-cta { --navy: #071b58; --ink: #071b58; --blue: #0d4cff; --cyan: #b9ffff; --serif: 'Cormorant Garamond', Georgia, serif; --sans: 'DM Sans', Arial, sans-serif; font-family: var(--sans); }
.about-sec .eyebrow.dark p, .about-sec .eyebrow.dark { color: var(--blue); border-color: #0d4cff33; }
.about-sec .elementor-icon-box-title, .about-cta .elementor-icon-box-title, .about-hero-panel .elementor-icon-box-title { margin: 0; }
.about-sec .elementor-icon i, .about-sec .elementor-icon svg, .about-cta .elementor-icon i, .about-cta .elementor-icon svg, .about-hero-panel .elementor-icon i, .about-hero-panel .elementor-icon svg { width: 1em; height: 1em; fill: currentColor; }
.about-lead p { margin: 0 0 14px; color: #52617b; font-size: 15px; line-height: 1.75; }

/* Hero panel */
.about-hero-panel .elementor-icon-box-wrapper { display: flex !important; align-items: center; gap: 16px; text-align: left !important; }
.about-hero-panel .elementor-icon-box-icon { margin: 0 !important; }
.about-hero-panel .elementor-icon { display: grid !important; place-items: center; width: 38px; height: 38px; border: 1px solid #bdfcff8c; border-radius: 4px; color: #b9ffff !important; fill: #b9ffff !important; font-size: 16px !important; }
.about-hero-panel .elementor-icon-box-title, .about-hero-panel .elementor-icon-box-title a { color: #f0f7ff !important; font: 700 10px/1.2 var(--sans, 'DM Sans') !important; letter-spacing: .12em !important; text-transform: uppercase; }
.about-hero-panel .elementor-icon-box-description { margin: 4px 0 0 !important; color: #9ed2e0 !important; font-size: 9px !important; letter-spacing: .1em; text-transform: uppercase; }

/* Who we are */
.about-who { background: #fff; }
.about-who-grid { display: grid !important; grid-template-columns: 1fr 1.05fr; gap: 72px !important; align-items: center; }
.about-who-media { position: relative; }
.about-who-media::before { content: ''; position: absolute; left: -18px; bottom: -18px; width: 70%; height: 70%; border-radius: 26px; background: linear-gradient(135deg, #0d4cff, #00aebb); opacity: .14; z-index: 0; }
.about-who-img { position: relative; z-index: 1; }
.about-who-img img { display: block; width: 100%; aspect-ratio: 1 / 1; object-fit: cover; border-radius: 24px; box-shadow: 0 26px 60px rgba(7,27,88,.18); }
.about-who-badge { position: absolute !important; right: -26px; bottom: 34px; z-index: 2; width: auto !important; max-width: 290px; padding: 18px 22px !important; border-radius: 16px; background: #071b58; box-shadow: 0 18px 40px rgba(7,27,88,.3); }
.about-badge-ib .elementor-icon-box-wrapper { display: flex !important; align-items: center; gap: 14px; text-align: left !important; }
.about-badge-ib .elementor-icon-box-icon { margin: 0 !important; }
.about-badge-ib .elementor-icon { display: grid !important; place-items: center; width: 46px; height: 46px; border-radius: 50%; background: #0d4cff; color: #fff !important; font-size: 19px !important; }
.about-badge-ib .elementor-icon-box-title, .about-badge-ib .elementor-icon-box-title a { color: #fff !important; font: 600 20px/1.1 var(--serif) !important; }
.about-badge-ib .elementor-icon-box-description { margin: 3px 0 0 !important; color: #c7d9ea !important; font-size: 12px !important; line-height: 1.4; }
.about-who-copy h2 { margin: 14px 0 22px !important; }
.about-checks .elementor-icon-list-items { display: flex !important; flex-wrap: wrap; gap: 10px; margin-top: 10px !important; }
.about-checks .elementor-icon-list-item { margin: 0 !important; padding: 10px 16px 10px 12px !important; border-radius: 999px; background: #eef3fb; }
.about-checks .elementor-icon-list-icon { display: grid !important; place-items: center; width: 22px; height: 22px; margin-right: 8px; border-radius: 50%; background: #0d4cff; }
.about-checks .elementor-icon-list-icon i, .about-checks .elementor-icon-list-icon svg { color: #fff !important; fill: #fff !important; font-size: 10px !important; width: 10px; }
.about-checks .elementor-icon-list-text { color: #071b58 !important; font-size: 13px !important; font-weight: 700; }

/* Vision & Mission */
.about-vm { color: #fff; }
.about-vm h2 { color: #fff !important; }
.about-vm h2 em { color: #b9ffff !important; font-style: italic !important; }
.about-vm .isdt-section-lead p { color: #c7d9ea; font-size: 14px; line-height: 1.7; }
.about-vm-grid { display: grid !important; grid-template-columns: 1fr 1fr; gap: 24px !important; }
.about-vm-card { padding: 40px 38px !important; border: 1px solid rgba(185,255,255,.22); border-radius: 22px; background: rgba(255,255,255,.06); backdrop-filter: blur(8px); transition: transform .25s ease, background .25s ease; }
.about-vm-card:hover { transform: translateY(-6px); background: rgba(255,255,255,.1); }
.about-vm-ib .elementor-icon-box-wrapper { text-align: left !important; }
.about-vm-ib .elementor-icon-box-icon { margin: 0 0 24px !important; }
.about-vm-ib .elementor-icon { display: grid !important; place-items: center; width: 64px; height: 64px; border-radius: 18px; background: linear-gradient(135deg, #0d4cff, #00aebb); color: #fff !important; font-size: 26px !important; box-shadow: 0 14px 30px rgba(0,174,187,.3); }
.about-vm-ib .elementor-icon-box-title, .about-vm-ib .elementor-icon-box-title a { color: #fff !important; font: 400 36px/1 var(--serif) !important; }
.about-vm-ib .elementor-icon-box-description { margin-top: 16px !important; color: #d6e2f5 !important; font-size: 15px !important; line-height: 1.8; }

/* Value */
.about-value { background: #f4f7fa; }
.about-value-grid { display: grid !important; grid-template-columns: repeat(3, 1fr); gap: 20px !important; counter-reset: aval; }
.about-value-card { position: relative; counter-increment: aval; padding: 36px 30px 32px; border-radius: 20px; background: #fff; box-shadow: 0 10px 30px rgba(7,27,88,.06); transition: transform .25s ease, box-shadow .25s ease; overflow: hidden; }
.about-value-card::before { content: '0' counter(aval); position: absolute; top: 18px; right: 24px; font: 400 58px/1 'Cormorant Garamond', Georgia, serif; color: rgba(13,76,255,.09); }
.about-value-card::after { content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 4px; background: linear-gradient(90deg, #0d4cff, #00aebb); transform: scaleX(0); transform-origin: left; transition: transform .35s ease; }
.about-value-card:hover { transform: translateY(-6px); box-shadow: 0 20px 44px rgba(7,27,88,.12); }
.about-value-card:hover::after { transform: scaleX(1); }
.about-value-card .elementor-icon-box-wrapper { text-align: left !important; }
.about-value-card .elementor-icon-box-icon { margin: 0 0 22px !important; }
.about-value-card .elementor-icon { display: grid !important; place-items: center; width: 58px; height: 58px; border-radius: 16px; background: #eef3fb; color: #0d4cff !important; font-size: 23px !important; transition: background .25s ease, color .25s ease; }
.about-value-card:hover .elementor-icon { background: #0d4cff; color: #fff !important; }
.about-value-card .elementor-icon-box-title, .about-value-card .elementor-icon-box-title a { color: #071b58 !important; font: 500 28px/1.05 var(--serif) !important; }
.about-value-card .elementor-icon-box-description { margin-top: 12px !important; color: #5f6c81 !important; font-size: 14px !important; line-height: 1.7; }

/* Accreditation */
.about-accr { background: #fff; padding: 96px 0 !important; }
.about-accr-grid { display: grid !important; grid-template-columns: 1fr 1.15fr; gap: 64px !important; align-items: center; }
.about-accr-copy h3 { margin: 14px 0 16px !important; color: #071b58 !important; font: 300 clamp(30px, 3.4vw, 44px)/1.02 var(--serif) !important; letter-spacing: -.02em; }
.about-accr-copy h3 em { color: #0d4cff; font-style: italic; }
.about-accr-logos { display: grid !important; grid-template-columns: 1fr 1fr; gap: 14px !important; }
.about-logo { display: flex !important; flex-direction: column; justify-content: center; align-items: center; min-height: 136px; padding: 24px !important; border: 1px dashed #c9d6ea; border-radius: 18px; background: #f7f9fd; text-align: center; transition: border-color .25s ease, background .25s ease; }
.about-logo:hover { border-color: #0d4cff; background: #fff; }
.about-logo h4 { margin: 0 !important; color: #071b58 !important; font: 800 20px/1.1 var(--sans) !important; letter-spacing: .02em; }
.about-logo p { margin: 6px 0 0 !important; color: #6b7892; font-size: 12px; }

/* Trusted by */
.about-trust { padding: 70px 0 !important; background: linear-gradient(110deg, #071b58, #0b2a7a); }
.about-trust-grid { display: grid !important; grid-template-columns: 1.35fr 1fr; gap: 56px !important; align-items: center; }
.about-trust-title h3 { margin: 0 !important; color: #fff !important; font: 300 clamp(26px, 2.6vw, 36px)/1.15 var(--serif) !important; }
.about-trust-title h3 em { color: #b9ffff; font-style: italic; }
.about-trust-list { display: grid !important; grid-template-columns: repeat(3, 1fr); gap: 0 !important; }
.about-trust-ib { padding: 6px 10px; border-left: 1px solid rgba(255,255,255,.16); }
.about-trust-ib .elementor-icon-box-icon { margin: 0 0 12px !important; }
.about-trust-ib .elementor-icon { display: grid !important; place-items: center; width: 58px; height: 58px; margin: 0 auto; border: 1px solid rgba(185,255,255,.5); border-radius: 50%; color: #b9ffff !important; font-size: 22px !important; }
.about-trust-ib .elementor-icon-box-title, .about-trust-ib .elementor-icon-box-title a { color: #fff !important; font: 700 11px/1.2 var(--sans) !important; letter-spacing: .14em !important; text-transform: uppercase; }

/* CTA */
.about-cta .elementor-heading-title { margin: 12px 0 0; font: 300 clamp(2.4rem, 4.2vw, 3.9rem)/1 var(--serif); letter-spacing: -.04em; color: #fff; }
.about-cta .elementor-heading-title em { color: #b9ffff; font-style: italic; }
.about-cta-p p { max-width: 560px; margin: 14px 0 0; color: #d8e4f3d9; font-size: 14px; line-height: 1.7; }
.about-cta .actions { margin-top: 25px; }
.about-cta-values { display: flex !important; gap: 34px !important; }
.about-cv .elementor-icon-box-icon { margin: 0 0 10px !important; }
.about-cv .elementor-icon { display: grid !important; place-items: center; width: 46px; height: 46px; margin: 0 auto; border: 2px solid #b9f2f3; border-radius: 50%; color: #b9f2f3 !important; font-size: 18px !important; }
.about-cv .elementor-icon-box-title, .about-cv .elementor-icon-box-title a { color: #fff !important; font: 700 10px/1.2 var(--sans) !important; letter-spacing: .13em !important; text-transform: uppercase; }
.about-cv .elementor-icon-box-description { margin-top: 4px !important; color: #c7d9ea !important; font-size: 9px !important; letter-spacing: .05em; text-transform: uppercase; }

@media (max-width: 1024px) {
  .about-who-grid, .about-accr-grid, .about-trust-grid { grid-template-columns: 1fr; gap: 44px !important; }
  .about-who-media { max-width: 560px; }
  .about-who-badge { right: 16px; }
  .about-vm-grid { grid-template-columns: 1fr; }
  .about-value-grid { grid-template-columns: repeat(3, 1fr); }
}
@media (max-width: 767px) {
  .about-value-grid, .about-accr-logos { grid-template-columns: 1fr; }
  .about-accr-logos { grid-template-columns: 1fr 1fr; }
  .about-vm-card { padding: 30px 24px !important; }
  .about-who-badge { left: 16px; right: 16px; bottom: -28px; max-width: none; }
  .about-who-grid { gap: 64px !important; }
  .about-trust-list { grid-template-columns: repeat(3, 1fr); }
  .about-trust-ib { border-left: 0; }
  .about-cta-values { gap: 14px !important; justify-content: space-between; width: 100%; margin-top: 28px; }
}
/* About fixes */
.hero-columns > .e-con.about-hero-panel { padding-left: 24px !important; padding-right: 24px !important; }
.about-hero-panel { --padding-top: 26px !important; --padding-bottom: 26px !important; --padding-left: 24px !important; --padding-right: 24px !important; --row-gap: 24px !important; padding: 26px 24px !important; gap: 24px !important; }
.about-cta .eyebrow, .about-cta .eyebrow p { font-size: 10px !important; letter-spacing: .12em !important; }
@media (max-width: 767px) { .about-cta .about-cta-values { --flex-wrap: nowrap !important; display: flex !important; flex-wrap: nowrap !important; justify-content: space-between; gap: 10px !important; width: 100% !important; } .about-cv { flex: 1; } .about-cv .elementor-icon { width: 38px; height: 38px; font-size: 15px !important; } .about-cv .elementor-icon-box-title { font-size: 9px !important; } .about-cv .elementor-icon-box-description { font-size: 7px !important; } }
.about-cta .cta-layout { display: flex !important; flex-direction: row !important; flex-wrap: nowrap !important; justify-content: space-between; align-items: center; gap: 50px !important; }
.about-cta .cta-copy { flex: 1 1 auto; max-width: 720px; }
.about-cta .about-cta-values { flex: none; width: auto !important; }
.about-cta .eyebrow p { font-size: 10px !important; }
.about-cta .actions { display: flex !important; flex-direction: row !important; align-items: center; gap: 24px !important; }
@media (max-width: 1024px) {
  .about-cta .cta-layout { flex-direction: column !important; align-items: flex-start; gap: 34px !important; }
  .about-cta .actions { flex-direction: column !important; align-items: flex-start !important; }
}

@media (max-width:767px) {
  .isdt-contact-links { flex-direction: column !important; }
  .isdt-contact-link-ic + div p { white-space: normal; overflow-wrap: anywhere; }
}
@media (max-width:1024px) {
  .isdt-footer a, .isdt-footer .elementor-heading-title { overflow-wrap: anywhere; }
}


/* ISO standards cards link out to ISO.org */
a.solution-card.iso-ext { display: block; text-decoration: none; color: inherit; }
a.solution-card.iso-ext:hover h3 { color: #0d4cff; }

/* Logo: clickable to home */
.isdt-brand .isdt-logo a, .isdt-f-logo a { display: inline-block; line-height: 0; }
@media (max-width:480px) { .isdt-brand .isdt-logo img { height: 64px !important; } }


/* ==========================================================
   ISO STANDARDS FRAMEWORK (grouped by level, native Elementor)
   ========================================================== */
.stdmap .stdmap-bands { gap: 26px !important; }
.stdmap-band { --band: #1f5fc4; --band2: #2a7be0; --tint: #eef4fd; padding: 0 !important; border-radius: 22px; background: #fff; box-shadow: 0 16px 40px rgba(7,27,88,.08); overflow: hidden; }
.stdmap-b2 { --band: #0f8f96; --band2: #16a39a; --tint: #e9f7f6; }
.stdmap-b3 { --band: #e0661c; --band2: #f08a2a; --tint: #fdf1e8; }
.stdmap-band-head { align-items: center !important; gap: 18px !important; padding: 14px 26px 14px 14px !important; background: linear-gradient(90deg, var(--band), var(--band2)); }
.stdmap-num p { display: grid; place-items: center; width: 48px; height: 48px; margin: 0; border-radius: 50%; background: #fff; color: var(--band); font: 800 18px/1 'DM Sans', Arial, sans-serif; box-shadow: 0 6px 14px rgba(0,0,0,.15); }
.stdmap-band-title { flex: 1 1 auto; }
.stdmap-band-title .elementor-heading-title { margin: 0; color: #fff !important; font: 700 20px/1.25 'DM Sans', Arial, sans-serif !important; letter-spacing: 0 !important; }
.stdmap-band-tag p { margin: 0; color: rgba(255,255,255,.88); font-size: 13px; text-align: right; }
.stdmap-body { align-items: stretch !important; gap: 18px !important; padding: 18px !important; background: var(--tint); }
.stdmap-body-sub { padding-top: 0 !important; }
.stdmap-panel { position: relative; flex: 0 0 290px !important; width: 290px !important; min-height: 220px; justify-content: flex-end !important; padding: 22px !important; border-radius: 16px; overflow: hidden; isolation: isolate; color: #fff; }
.stdmap-panel::before { content: ''; position: absolute; inset: 0; z-index: -1; background: linear-gradient(180deg, rgba(7,27,88,.05) 0%, color-mix(in srgb, var(--band) 88%, #071b58) 72%); }
.stdmap-panel.p2b { min-height: 150px; background: linear-gradient(135deg, #1f8a5b, #2fae78); }
.stdmap-panel.p2b::before { display: none; }
.stdmap-panel-ic { margin-bottom: 12px; }
.stdmap-panel-ic .elementor-icon { display: grid !important; place-items: center; width: 48px; height: 48px; border: 1px solid rgba(255,255,255,.55); border-radius: 12px; background: rgba(255,255,255,.12); color: #fff !important; font-size: 20px !important; }
.stdmap-panel-ic .elementor-icon i, .stdmap-panel-ic .elementor-icon svg { width: 1em; height: 1em; fill: #fff; color: #fff; }
.stdmap-panel-ic .elementor-icon-wrapper { text-align: left; }
.stdmap-panel-title .elementor-heading-title { margin: 0 0 6px; color: #fff !important; font: 400 28px/1.05 'Cormorant Garamond', Georgia, serif !important; }
.stdmap-panel-sub p { margin: 0; color: rgba(255,255,255,.88); font-size: 12px; line-height: 1.5; }
.stdmap-grid { display: grid !important; flex: 1 1 auto; gap: 10px !important; align-content: start; }
.stdmap-grid.cols-6 { grid-template-columns: repeat(6, 1fr); }
.stdmap-grid.cols-5 { grid-template-columns: repeat(5, 1fr); }
.stdmap-grid.cols-4 { grid-template-columns: repeat(4, 1fr); }
.stdmap-card { display: flex !important; flex-direction: column !important; align-items: flex-start !important; gap: 10px !important; min-height: 118px; padding: 14px 12px !important; border: 1px solid rgba(7,27,88,.07); border-radius: 12px; background: #fff; color: inherit; text-decoration: none; transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease; }
.stdmap-card.is-link:hover { transform: translateY(-3px); border-color: var(--band); box-shadow: 0 10px 22px rgba(7,27,88,.1); }
.stdmap-card.is-link::after { content: '\2197'; position: absolute; top: 8px; right: 10px; color: var(--band); font-size: 11px; font-weight: 700; opacity: .55; }
.stdmap-card.is-link { position: relative; }
.stdmap-badge { flex: none; }
.stdmap-badge p { display: grid; place-items: center; min-width: 34px; height: 34px; margin: 0; padding: 0 6px; border-radius: 9px; background: var(--tint); color: var(--band); font: 800 9.5px/1.05 'DM Sans', Arial, sans-serif; letter-spacing: .02em; text-align: center; }
.stdmap-card-txt { flex: 1 1 auto; min-width: 0; }
.stdmap-name .elementor-heading-title { margin: 0 0 4px; color: #071b58 !important; font: 800 13.5px/1.2 'DM Sans', Arial, sans-serif !important; letter-spacing: 0 !important; }
.stdmap-desc p { margin: 0; color: #5f6c81; font-size: 11.5px; line-height: 1.4; }
@media (max-width: 1366px) {
  .stdmap-panel { flex-basis: 230px !important; width: 230px !important; }
  .stdmap-grid.cols-6 { grid-template-columns: repeat(4, 1fr); }
  .stdmap-grid.cols-5 { grid-template-columns: repeat(4, 1fr); }
}
@media (max-width: 1024px) {
  .stdmap-body { flex-direction: column !important; }
  .stdmap-panel { flex-basis: auto !important; width: 100% !important; min-height: 180px; }
  .stdmap-panel.p2b { min-height: 0; }
  .stdmap-grid.cols-6, .stdmap-grid.cols-5, .stdmap-grid.cols-4 { grid-template-columns: repeat(3, 1fr); }
  .stdmap-band-tag { display: none; }
}
@media (max-width: 767px) {
  .stdmap-body { padding: 12px !important; gap: 12px !important; }
  .stdmap-band-head { padding: 12px 16px 12px 12px !important; gap: 12px !important; }
  .stdmap-num p { width: 40px; height: 40px; font-size: 15px; }
  .stdmap-band-title .elementor-heading-title { font-size: 16px !important; }
  .stdmap-grid.cols-6, .stdmap-grid.cols-5, .stdmap-grid.cols-4 { grid-template-columns: repeat(2, 1fr); gap: 8px !important; }
  .stdmap-card { flex-direction: column !important; gap: 8px !important; min-height: 0; padding: 12px !important; }
}
.stdmap-card.is-link::after { top: 14px; right: 12px; font-size: 13px; }
.stdmap-badge p { height: 28px; min-width: 38px; font-size: 9px; }


/* Contact: two phone numbers */
.isdt-contact-phones a { color: #fff !important; text-decoration: none; transition: color .2s ease; }
.isdt-contact-phones a:hover { color: #b9ffff !important; }
.isdt-contact-phones:hover { opacity: 1; }


/* Contact: mobile gutters match other pages (24px) */
@media (max-width:767px){
  .isdt-contact-hero-content.isdt-container { margin-left: 24px !important; margin-right: 24px !important; width: auto !important; max-width: none !important; }
  .isdt-contact-hero-content > .isdt-contact-intro, .isdt-contact-hero-content > .isdt-contact-form-wrap { margin-left: 0 !important; margin-right: 0 !important; }
  .isdt-contact-hero-content > .isdt-contact-intro { --padding-left: 0px; --padding-right: 0px; padding-left: 0 !important; padding-right: 0 !important; }
}
@media (max-width:767px){
  .isdt-contact-links, .isdt-contact-links > .isdt-contact-link { --padding-left:0px; --padding-right:0px; --padding-top:0px; --padding-bottom:0px; padding:0 !important; }
  .isdt-contact-links { row-gap: 26px !important; margin-top: 8px !important; }
  .isdt-contact-links > .isdt-contact-link { column-gap: 16px !important; --gap: 0 16px; }
  .isdt-contact-links .isdt-contact-link-ic + div p { overflow-wrap: normal !important; word-break: normal !important; }
}
@media (max-width:400px){ .isdt-contact-links .isdt-contact-link-ic + div > .elementor-widget-text-editor:last-child p { font-size: 14px !important; } }


/* Footer address link */
.isdt-f-p a { color: inherit !important; text-decoration: none; transition: color .2s ease; }
.isdt-f-p a:hover { color: #b9ffff !important; }


/* WhatsApp floating button (all pages) */
.kd-whatsapp-float {
  position: fixed; z-index: 9999; inset-inline-end: 24px; inset-block-end: 24px;
  width: 58px; height: 58px; border-radius: 50%; background: #25D366;
  display: flex; align-items: center; justify-content: center;
  box-shadow: 0 4px 14px rgba(0, 0, 0, .25); transition: transform .2s ease, box-shadow .2s ease;
}
.kd-whatsapp-float:hover { transform: scale(1.08); box-shadow: 0 6px 20px rgba(0, 0, 0, .3); }
.kd-whatsapp-float svg { width: 30px; height: 30px; position: relative; z-index: 2; }
.kd-whatsapp-pulse {
  position: absolute; inset: 0; border-radius: 50%; background: #25D366; opacity: .6;
  animation: kd-whatsapp-pulse 2s ease-out infinite;
}
@keyframes kd-whatsapp-pulse {
  0%   { transform: scale(1);   opacity: .6; }
  100% { transform: scale(1.9); opacity: 0; }
}

@media (min-width: 1025px) {
  .kd-whatsapp-float { width: 80px; height: 80px; inset-inline-end: 32px; inset-block-end: 32px; }
  .kd-whatsapp-float svg { width: 42px; height: 42px; }
}
@media (max-width: 1024px) {
  .kd-whatsapp-float { width: 66px; height: 66px; inset-inline-end: 18px; inset-block-end: 18px; }
  .kd-whatsapp-float svg { width: 35px; height: 35px; }
}
@media (min-width: 768px) and (max-width: 1024px) {
  .kd-whatsapp-float { width: 74px; height: 74px; inset-inline-end: 26px; inset-block-end: 26px; }
  .kd-whatsapp-float svg { width: 39px; height: 39px; }
}


/* About: accreditation cards + popup */
.about-logo.acc-card, .about-logo.acc-ask { position: relative; cursor: pointer; transition: border-color .25s ease, background .25s ease, transform .25s ease, box-shadow .25s ease; }
.about-logo.acc-card:hover, .about-logo.acc-card:focus-visible, .about-logo.acc-ask:hover { transform: translateY(-3px); box-shadow: 0 14px 34px rgba(7,27,88,.08); outline: none; }
.about-logo.acc-card::after { content: '+'; position: absolute; top: 12px; right: 12px; display: grid; place-items: center; width: 24px; height: 24px; border-radius: 50%; border: 1px solid #c9d6ea; color: #0d4cff; font: 500 16px/1 var(--sans, Arial); background: #fff; transition: background .25s ease, color .25s ease, border-color .25s ease; }
.about-logo.acc-card:hover::after { background: #0d4cff; color: #fff; border-color: #0d4cff; }
.about-logo.acc-ask { border: 1px solid #0d4cff; background: #071b58; text-decoration: none; }
.about-logo.acc-ask:hover { background: #0d4cff; border-color: #0d4cff; }
.about-logo.acc-ask h4 { color: #fff !important; font-size: 17px !important; line-height: 1.25 !important; }
.about-logo.acc-ask p { color: #b9ffff !important; font-weight: 600; }
.acc-modal-holder { margin: 0 !important; height: 0; overflow: visible; }
.acc-modal { --serif: 'Cormorant Garamond', Georgia, serif; --sans: 'DM Sans', Arial, sans-serif; --blue: #0d4cff; --ink: #071b58; --navy: #071b58; --cyan: #b9ffff; font-family: var(--sans); }
.acc-modal .modal-card { border-top: 5px solid #0d4cff; font-family: var(--sans); }
.acc-modal .modal-card .modal-cta { font-family: var(--sans); }
.acc-modal .modal-card h2 { color: #071b58; margin-bottom: 4px; }
.acc-modal .modal-card > p.acc-full { margin: 0 0 14px; color: #0d4cff; font-size: 13px; font-weight: 700; letter-spacing: .04em; text-transform: uppercase; }
@media (max-width: 767px) {
  .acc-modal .modal-card { padding: 36px 24px 28px; }
  .about-logo.acc-ask h4 { font-size: 15px !important; }
  .about-logo.acc-card::after { top: 8px; right: 8px; width: 22px; height: 22px; font-size: 14px; }
}


/* About: client milestones gallery */
.about-gallery { padding: 100px 0 !important; background: #f4f7fa; overflow: hidden; }
.about-gallery-head { max-width: 640px; margin-bottom: 40px !important; }
.about-gallery-title .elementor-heading-title { margin: 14px 0 14px !important; color: #071b58 !important; font: 300 clamp(30px, 3.4vw, 44px)/1.05 var(--serif) !important; letter-spacing: -.02em; }
.about-gallery-title em { color: #0d4cff; font-style: italic; }
.about-gallery-lead p { margin: 0; color: #5d6b84; font-size: 16px; line-height: 1.7; }
.about-gallery-car { padding-bottom: 0; }
.about-gallery-car .elementor-swiper-button i, .about-gallery-car .elementor-swiper-button svg { color: #071b58 !important; fill: #071b58 !important; }
.about-gallery-car .elementor-swiper-button:hover i, .about-gallery-car .elementor-swiper-button:hover svg { color: #fff !important; fill: #fff !important; }
.about-gallery-car .swiper-slide { border-radius: 18px; overflow: hidden; }
.about-gallery-car .swiper-slide a { display: block; }
.about-gallery-car .swiper-slide-image { display: block; width: 100% !important; height: 380px !important; object-fit: cover; border-radius: 18px; transition: transform .5s ease; }
.about-gallery-car .swiper-slide:hover .swiper-slide-image { transform: scale(1.04); }
.about-gallery-car .elementor-swiper-button { display: grid !important; place-items: center; width: 48px; height: 48px; border-radius: 50%; background: #fff; color: #071b58 !important; box-shadow: 0 8px 24px rgba(7,27,88,.18); font-size: 18px !important; top: calc(50% - 22px) !important; transition: background .2s ease, color .2s ease; }
.about-gallery-car .elementor-swiper-button:hover { background: #0d4cff; color: #fff !important; }
.about-gallery-car .elementor-swiper-button svg { width: 18px; height: 18px; fill: currentColor; }
.about-gallery-car .elementor-swiper-button-prev { left: 14px !important; }
.about-gallery-car .elementor-swiper-button-next { right: 14px !important; }
.about-gallery-car .swiper-pagination-bullet { width: 8px; height: 8px; background: #c9d6ea; opacity: 1; transition: width .25s ease, background .25s ease; }
.about-gallery-car .swiper-pagination-bullet-active { width: 26px; border-radius: 6px; background: #0d4cff; }
@media (max-width: 1024px) {
  .about-gallery { padding: 80px 0 !important; }
  .about-gallery-car .swiper-slide-image { height: 340px !important; }
}
@media (max-width: 767px) {
  .about-gallery { padding: 64px 0 !important; }
  .about-gallery-head { margin-bottom: 28px !important; }
  .about-gallery-car .swiper-slide-image { height: 320px !important; }
  .about-gallery-car .elementor-swiper-button { width: 40px; height: 40px; }
  .about-gallery-car .elementor-swiper-button-prev { left: 10px !important; }
  .about-gallery-car .elementor-swiper-button-next { right: 10px !important; }
}


/* Footer: Privacy, Personal Data Protection & Cookies Policy popup */
.isdt-footer .pp-holder { position: absolute !important; width: 0 !important; height: 0 !important; overflow: hidden; margin: 0 !important; }
.isdt-f-legal a { color: inherit !important; text-decoration: none; transition: color .2s ease; }
.isdt-f-legal a:hover { color: #b9ffff !important; }
.isdt-f-legal span { margin: 0 4px; }
.pp-modal { --serif: 'Cormorant Garamond', Georgia, serif; --sans: 'DM Sans', Arial, sans-serif; --blue: #0d4cff; --ink: #071b58; font-family: var(--sans); z-index: 10000; }
.pp-modal .modal-card { width: min(820px, 100%); max-height: 88vh; padding: 0; overflow: hidden; display: flex; flex-direction: column; border-top: 5px solid #0d4cff; font-family: var(--sans); }
.pp-modal .pp-head { flex: none; padding: 36px 44px 0; border-bottom: 1px solid #e6ecf5; }
.pp-modal .pp-head .eyebrow { margin: 0; font-size: 10px; }
.pp-modal .pp-head h2 { margin: 12px 0 4px; color: #071b58; font-size: 34px; }
.pp-modal .pp-meta { margin: 0 0 16px !important; color: #8793a8 !important; font-size: 12px !important; }
.pp-modal .pp-tabs { display: flex; gap: 6px; flex-wrap: wrap; }
.pp-modal .pp-tabs button { padding: 10px 14px !important; margin: 0 0 -1px !important; border: 0 !important; border-bottom: 2px solid transparent !important; border-radius: 0 !important; background: none !important; color: #677388 !important; font: 600 13px/1 var(--sans) !important; letter-spacing: 0 !important; text-transform: none !important; cursor: pointer; box-shadow: none !important; }
.pp-modal .pp-tabs button:hover { color: #071b58 !important; }
.pp-modal .pp-tabs button.active { color: #0d4cff !important; border-bottom-color: #0d4cff !important; }
.pp-modal .pp-body { flex: 1 1 auto; min-height: 0; overflow-y: auto; padding: 28px 44px 32px; color: #4c5a72; font-size: 14px; line-height: 1.7; overscroll-behavior: contain; }
.pp-modal .pp-body h3 { margin: 30px 0 10px; color: #071b58; font: 600 22px/1.25 var(--serif); }
.pp-modal .pp-body .pp-part > h3:first-child { margin-top: 0; }
.pp-modal .pp-body h4 { margin: 20px 0 6px; color: #0d4cff; font: 700 14px/1.4 var(--sans); }
.pp-modal .pp-body h5 { margin: 16px 0 4px; color: #071b58; font: 700 13.5px/1.4 var(--sans); }
.pp-modal .pp-body p { margin: 0 0 10px; color: #4c5a72; font-size: 14px; line-height: 1.7; }
.pp-modal .pp-body ul, .pp-modal .pp-body ol { margin: 4px 0 14px; padding-left: 20px; }
.pp-modal .pp-body ul { columns: 2; column-gap: 32px; }
.pp-modal .pp-body li { margin: 0 0 4px; break-inside: avoid; }
.pp-modal .pp-body li::marker { color: #0d4cff; }
.pp-modal .pp-body a { color: #0d4cff; text-decoration: none; }
.pp-modal .pp-strong { padding: 12px 16px; border-left: 3px solid #0d4cff; border-radius: 0 10px 10px 0; background: #f4f7fd; color: #071b58 !important; font-weight: 600; }
.pp-modal .pp-flow { display: flex; flex-wrap: wrap; gap: 8px; margin: 8px 0 14px; }
.pp-modal .pp-flow span { padding: 6px 12px; border: 1px solid #d7e1f0; border-radius: 999px; background: #f7f9fd; color: #071b58; font-size: 12.5px; font-weight: 600; }
.pp-modal .pp-flow-arrow span:not(:last-child)::after { content: '\2192'; margin-left: 8px; color: #0d4cff; }
.pp-modal .pp-contact { padding: 18px 20px; border: 1px solid #e0e7f2; border-radius: 14px; background: #f7f9fd; }
.pp-modal .pp-contact p:last-child { margin-bottom: 0; }
.pp-modal .pp-nav { flex: none; display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 14px 44px; border-top: 1px solid #e6ecf5; background: #fbfcfe; }
.pp-modal .pp-nav button { padding: 10px 16px !important; border: 1px solid #d7dfeb !important; border-radius: 999px !important; background: #fff !important; color: #071b58 !important; font: 600 13px/1 var(--sans) !important; letter-spacing: 0 !important; text-transform: none !important; cursor: pointer; box-shadow: none !important; transition: background .2s ease, color .2s ease; }
.pp-modal .pp-nav button:hover { background: #0d4cff !important; border-color: #0d4cff !important; color: #fff !important; }
.pp-modal .pp-count { color: #8793a8; font-size: 12px; font-weight: 600; }
.pp-modal .modal-close { z-index: 2; }
@media (max-width: 767px) {
  .pp-modal { padding: 12px; }
  .pp-modal .modal-card { max-height: 92vh; border-radius: 18px; }
  .pp-modal .pp-head { padding: 28px 22px 0; }
  .pp-modal .pp-head h2 { font-size: 27px; padding-right: 30px; }
  .pp-modal .pp-tabs { flex-wrap: nowrap; overflow-x: auto; scrollbar-width: none; }
  .pp-modal .pp-tabs button { white-space: nowrap; padding: 10px 10px !important; }
  .pp-modal .pp-body { padding: 22px 22px 26px; }
  .pp-modal .pp-body ul { columns: 1; }
  .pp-modal .pp-nav { padding: 12px 16px; }
  .pp-modal .pp-nav button { padding: 9px 12px !important; font-size: 12px !important; }
}
.pp-modal .modal-card .pp-body ul { display: block !important; columns: 2 !important; column-gap: 32px !important; margin: 4px 0 14px !important; padding-left: 20px !important; list-style: disc !important; }
.pp-modal .modal-card .pp-body ol { display: block !important; margin: 4px 0 14px !important; padding-left: 22px !important; list-style: decimal !important; }
.pp-modal .modal-card .pp-body li { display: list-item !important; margin: 0 0 5px !important; padding: 0 !important; color: #4c5a72 !important; font-size: 14px !important; line-height: 1.55 !important; break-inside: avoid; }
.pp-modal .pp-head { padding-right: 80px; }
@media (max-width: 767px) {
  .pp-modal .modal-card .pp-body ul { columns: 1 !important; }
  .pp-modal .modal-card .pp-body li { font-size: 13.5px !important; }
  .pp-modal .pp-head { padding: 24px 20px 0 !important; }
  .pp-modal .pp-head .eyebrow { max-width: calc(100% - 44px); padding: 6px 12px !important; font-size: 8.5px !important; line-height: 1.5 !important; letter-spacing: .1em !important; }
  .pp-modal .pp-head h2 { margin: 10px 0 2px !important; font-size: 25px !important; }
  .pp-modal .pp-meta { margin-bottom: 10px !important; font-size: 10.5px !important; }
  .pp-modal .modal-close { top: 18px !important; right: 14px !important; }
  .pp-modal .pp-body { padding: 20px 20px 24px !important; }
}

/* ==========================================================
   ARABIC (TranslatePress /ar/) — font, RTL fixes, language toggle
   ========================================================== */
.isdt-lang-wrap { margin: 0 !important; flex: none !important; width: auto !important; }
.isdt-lang { display: inline-flex; align-items: center; gap: 8px; height: 44px; padding: 0 16px; border: 1px solid rgba(255,255,255,.35); border-radius: 999px; color: #fff !important; font: 600 14px/1 'DM Sans', 'IBM Plex Sans Arabic', sans-serif; text-decoration: none !important; white-space: nowrap; transition: background .2s ease, border-color .2s ease, color .2s ease; }
.isdt-lang:hover { background: rgba(255,255,255,.12); border-color: #b9ffff; color: #b9ffff !important; }
.isdt-lang svg { width: 17px; height: 17px; fill: none; stroke: currentColor; stroke-width: 1.6; flex: none; }
.isdt-lang .isdt-lang-short { display: none; }
.isdt-lang[lang="ar"] .isdt-lang-full { font-family: 'IBM Plex Sans Arabic', 'DM Sans', sans-serif; }
@media (max-width: 1180px) {
  .isdt-lang { height: 40px; padding: 0 13px; font-size: 13px; }
}
@media (max-width: 480px) {
  .isdt-lang { height: 38px; padding: 0 11px; gap: 6px; }
  .isdt-lang .isdt-lang-full { display: none; }
  .isdt-lang .isdt-lang-short { display: inline; font-size: 14px; }
}

html[lang="ar"] * { --serif: 'IBM Plex Sans Arabic', 'DM Sans', sans-serif !important; --sans: 'IBM Plex Sans Arabic', 'DM Sans', sans-serif !important; }
html[lang="ar"] body *:not(i):not(svg):not(svg *):not(.eicon):not([class*="eicon-"]):not([class*="fa-"]):not([class^="fa"]):not(.isdt-lang):not(.isdt-lang *):not(#_) { font-family: 'IBM Plex Sans Arabic', 'DM Sans', sans-serif !important; letter-spacing: 0 !important; }
html[lang="ar"] body em:not(#_), html[lang="ar"] body i:not([class]):not(#_) { font-style: normal !important; }
html[lang="ar"] body :is(h1,h2,h3):not(#_), html[lang="ar"] body :is(h1,h2,h3) .elementor-heading-title:not(#_) { line-height: 1.3 !important; }
html[lang="ar"] body :is(h1,h2):not(#_) { font-weight: 500 !important; }
html[lang="ar"] body :is(h1,h2) em:not(#_) { font-weight: 500 !important; }
html[lang="ar"] body p:not(#_), html[lang="ar"] body li:not(#_) { line-height: 1.85; }
html[dir="rtl"] a[href^="tel:"], html[dir="rtl"] .isdt-contact-phones a { direction: ltr; unicode-bidi: isolate; }
html[dir="rtl"] .pp-modal .modal-card .pp-body ul, html[dir="rtl"] .pp-modal .modal-card .pp-body ol { padding-left: 0 !important; padding-right: 20px !important; }
html[dir="rtl"] .pp-modal .pp-strong { border-left: 0; border-right: 3px solid #0d4cff; border-radius: 10px 0 0 10px; }
html[dir="rtl"] .pp-modal .pp-head { padding-right: 44px; padding-left: 80px; }
html[dir="rtl"] .pp-modal .pp-flow-arrow span:not(:last-child)::after { content: '\2190'; margin-left: 0; margin-right: 8px; }
html[dir="rtl"] .modal-close { right: auto !important; left: 16px !important; }
html[dir="rtl"] .about-logo.acc-card::after { right: auto; left: 12px; }
.isdt-navbar .elementor-widget-nav-menu.isdt-nav { --e-nav-menu-horizontal-menu-item-margin: 16px; }
.isdt-navbar .isdt-nav .elementor-nav-menu--main .elementor-item { padding-left: 0; padding-right: 0; }
@media (min-width:1181px) {
  .isdt-navbar > .isdt-lang-wrap { grid-column: 3; grid-row: 1; justify-self: end; margin-inline-end: calc(var(--isdt-btn-w) + 12px) !important; }
  .isdt-navbar > .isdt-nav-btn { grid-column: 3; grid-row: 1; }
  .isdt-navbar > .isdt-nav { grid-column: 2; grid-row: 1; }
  .isdt-navbar > .isdt-brand { grid-column: 1; grid-row: 1; }
}
@media (max-width:1180px) {
  .isdt-navbar > .isdt-lang-wrap { margin-inline-start: auto !important; margin-inline-end: 4px !important; }
}
@media (min-width: 1181px) and (max-width: 1366px) {
  .isdt-navbar .elementor-widget-nav-menu.isdt-nav { --e-nav-menu-horizontal-menu-item-margin: 11px; }
  .isdt-lang { height: 40px; padding: 0 12px; font-size: 13px; }
}
html[dir="rtl"] .isdt-contact-content { margin-left: 0 !important; margin-right: 15% !important; }
@media (max-width: 1024px) { html[dir="rtl"] .isdt-contact-content { margin-right: 0 !important; } }
.isdt-navbar { --isdt-btn-w: 161px; }
html[lang="ar"] .isdt-navbar { --isdt-btn-w: 163px; }
@media (min-width:1181px) and (max-width:1366px) {
  .isdt-navbar { --isdt-btn-w: 146px; }
  html[lang="ar"] .isdt-navbar { --isdt-btn-w: 148px; }
}

@media (max-width:1180px) {
  .isdt-navbar > .isdt-brand, .isdt-navbar > .isdt-brand .elementor-widget-image { flex: 0 0 auto !important; width: auto !important; min-width: 0; }
  .isdt-navbar > .isdt-brand .isdt-logo img { max-width: none !important; }
  .isdt-navbar { gap: 10px !important; }
  .isdt-navbar > .isdt-nav-mobile { flex: 0 0 44px !important; width: 44px !important; min-width: 44px; }
  .isdt-navbar > .isdt-nav-mobile .elementor-menu-toggle, html[dir="rtl"] .isdt-nav-mobile .elementor-menu-toggle { margin: 0 !important; }
}

/* RTL: approach timeline + misc mirrored components */
html[dir="rtl"] .step-flow .approach-step:not(:last-child):after { left: calc(-50% + 40px); right: calc(50% + 40px); background: linear-gradient(270deg, #cfe0f7, #8fb6f0); }
html[dir="rtl"] .step-flow .approach-step:not(:last-child):before { left: auto; right: calc(150% - 48px); border-left: 0; border-right: 10px solid #8fb6f0; }
html[dir="rtl"] .solution-card:hover .solution-action, html[dir="rtl"] .approach-step:hover .approach-more, html[dir="rtl"] .approach-step:focus-visible .approach-more { transform: translateX(-2px); }
html[dir="rtl"] .modal-card ul, html[dir="rtl"] .modal-card ul.modal-list, html[dir="rtl"] .lc-modal .modal-card ul.modal-list, html[dir="rtl"] .lifecycle-modal ul { padding-left: 0; padding-right: 19px; }
html[dir="rtl"] .stdmap-card.is-link::after { right: auto; left: 10px; content: '\2196'; }
html[dir="rtl"] .isdt-card-arrow { right: auto; left: 20px; }
html[dir="rtl"] .about-value-card::before { right: auto; left: 24px; }
html[dir="rtl"] .about-value-card::after { transform-origin: right; }
@media (max-width:1180px) {
  html[dir="rtl"] .step-flow .approach-step { text-align: right; }
  html[dir="rtl"] .step-flow .approach-step:not(:last-child):after { left: auto; right: 27px; background: linear-gradient(180deg, #8fb6f0, #cfe0f7); }
}
@media (max-width:767px) {
  html[dir="rtl"] .step-flow .approach-step:not(:last-child):after { right: 23px; }
}
html[dir="rtl"] .isdt-contact-form-wrap .elementor-button-text::after { content: '\2196'; }

/* RTL: service pages — hero/CTA buttons natural width, deliverable checks on the right */
html[dir="rtl"] .actions > *:first-child { width: auto !important; }
html[dir="rtl"] .actions .elementor-button-wrapper { text-align: right; }
html[dir="rtl"] .actions .text-link { margin-left: 0; margin-right: 20px; }
html[dir="rtl"] .deliverable-item { padding-left: 0; padding-right: 21px; }
html[dir="rtl"] .deliverable-item:before { left: auto; right: 0; }
/* RTL: flip explicit left alignments from custom CSS */
html[dir="rtl"] .isdt-city-name .elementor-icon-box-wrapper, html[dir="rtl"] .about-hero-panel .elementor-icon-box-wrapper, html[dir="rtl"] .about-badge-ib .elementor-icon-box-wrapper, html[dir="rtl"] .about-vm-ib .elementor-icon-box-wrapper, html[dir="rtl"] .about-value-card .elementor-icon-box-wrapper, html[dir="rtl"] .stdmap-panel-ic .elementor-icon-wrapper { text-align: right !important; }

.svc-detail[hidden]{display:none!important}

/* ==========================================================
   HOME: Our clients (logo marquee)
   ========================================================== */
.isdt-clients { --navy:#071b58; --blue:#0d4cff; --pale:#edf2f7; --serif:'Cormorant Garamond', Georgia, serif; --sans:'DM Sans', Arial, sans-serif; background:#fff !important; color:var(--navy); font-family:'DM Sans',Arial,sans-serif; padding:104px 0 !important; overflow:hidden; }
.isdt-clients .isdt-section-heading { margin-bottom:52px !important; }
.isdt-clients .isdt-h2 em { color:var(--blue); }
.isdt-clients-marquee, .isdt-clients-marquee .elementor-widget-container { width:100%; }
.cl-marquee { display:flex; flex-direction:column; gap:18px; direction:ltr; overflow:hidden; padding:6px 0 10px;
  -webkit-mask-image:linear-gradient(90deg,transparent 0,#000 9%,#000 91%,transparent 100%); mask-image:linear-gradient(90deg,transparent 0,#000 9%,#000 91%,transparent 100%); }
.cl-row { display:flex; width:max-content; animation:cl-scroll 70s linear infinite; will-change:transform; }
.cl-row.cl-rev { animation-direction:reverse; animation-duration:78s; }
.cl-marquee:hover .cl-row { animation-play-state:paused; }
.cl-set { display:flex; gap:18px; margin:0 !important; padding:0 18px 0 0 !important; list-style:none !important; }
.cl-card { flex:0 0 auto; width:212px; height:116px; margin:0 !important; display:flex; align-items:center; justify-content:center; background:#fff; border:1px solid rgba(7,27,88,.09); border-radius:16px; transition:border-color .3s ease, box-shadow .3s ease, transform .3s ease; }
.cl-card::before, .cl-card::marker { content:none; }
.cl-card:hover { border-color:rgba(13,76,255,.3); box-shadow:0 16px 34px -22px rgba(7,27,88,.45); transform:translateY(-3px); }
.cl-card img { display:block; width:calc(var(--w) * 1px) !important; max-width:none !important; height:auto !important; }
@keyframes cl-scroll { from { transform:translateX(0); } to { transform:translateX(-50%); } }
@media (max-width: 767px) {
  .isdt-clients { padding:76px 0 !important; }
  .isdt-clients .isdt-section-heading { margin-bottom:36px !important; }
  .cl-marquee, .cl-set { gap:12px; }
  .cl-set { padding-right:12px !important; }
  .cl-card { width:150px; height:86px; border-radius:14px; }
  .cl-card img { width:calc(var(--w) * .72px) !important; }
  .cl-row { animation-duration:50s; } .cl-row.cl-rev { animation-duration:56s; }
}
@media (prefers-reduced-motion: reduce) {
  .cl-marquee { -webkit-mask-image:none; mask-image:none; }
  .cl-row { animation:none; width:auto; justify-content:center; }
  .cl-set { flex-wrap:wrap; justify-content:center; padding:0 16px !important; }
  .cl-set[aria-hidden] { display:none; }
}
.isdt-clients-note{margin-top:40px !important;} .isdt-clients-note p{max-width:760px;margin:0 auto !important;text-align:center;} @media (max-width:767px){.isdt-clients-note{margin-top:28px !important;}}

/* Lifecycle wheel: Learn more label */
.lc-seg-more { fill: rgba(255,255,255,.78); font: 600 10.5px/1 'DM Sans', Arial, sans-serif; letter-spacing: .02em; transition: fill .18s ease; }
.lifecycle-segment:hover .lc-seg-more, .lifecycle-segment:focus-visible .lc-seg-more { fill: #fff; text-decoration: underline; }
html[lang="ar"] .lc-seg-more { font-family: 'IBM Plex Sans Arabic', 'DM Sans', sans-serif; font-size: 11px; }
@media (max-width: 767px) { .lc-seg-title { font-size: 15px !important; } .lc-seg-more, html[lang="ar"] .lc-seg-more { font-size: 11px; letter-spacing: 0; } }

/* Lifecycle wheel: no panel background, wheel fills the space */
.lifecycle-wheel-wrap { background: none !important; border: 0 !important; box-shadow: none !important; border-radius: 0 !important; padding: 0 !important; max-width: 820px !important; }
.lifecycle-wheel { max-width: none !important; width: 100%; }
@media (max-width: 767px) { .lifecycle-wheel-wrap { max-width: none !important; margin: 0 -8px !important; } }

/* Home service cards: Learn more link */
.isdt-card-more { position: relative !important; width: auto !important; margin-top: 18px !important; }
.isdt-card-more .elementor-heading-title { display: inline-flex; align-items: center; gap: 8px; font: 600 12.5px/1 'DM Sans', Arial, sans-serif !important; letter-spacing: .02em; color: #0d4cff !important; padding-bottom: 5px; border-bottom: 1.5px solid rgba(13,76,255,.25); transition: border-color .25s; }
.isdt-card-more .lm-arr { display: inline-block; font-size: 15px; line-height: 1; position: relative; top: -1px; transition: transform .25s; }
.isdt-service-card:hover .isdt-card-more .elementor-heading-title { border-bottom-color: #0d4cff; }
.isdt-service-card:hover .isdt-card-more .lm-arr { transform: translateX(4px); }
html[dir="rtl"] .isdt-card-more .lm-arr { transform: scaleX(-1); }
html[dir="rtl"] .isdt-service-card:hover .isdt-card-more .lm-arr { transform: scaleX(-1) translateX(4px); }
html[lang="ar"] .isdt-card-more .elementor-heading-title { font-family: 'IBM Plex Sans Arabic', 'DM Sans', sans-serif !important; font-size: 13px !important; }

/* ==========================================================
   SIRI page (5360)
   ========================================================== */
body.page-id-5360 .grc-hero { background-image: linear-gradient(90deg, rgba(4,18,54,.94) 0%, rgba(7,31,76,.82) 46%, rgba(5,55,78,.58) 100%), url('https://isdtconsultants.com/wp-content/uploads/2026/09/pexels-photo-13974251-opt.webp') !important; background-position: center !important; background-size: cover !important; }
.approach-wheel.step-flow.step-flow-4 { grid-template-columns: repeat(4, 1fr); }
.siri-layout { display: grid; grid-template-columns: 1.55fr 1fr; gap: 32px; align-items: center; }
.siri-figure { margin: 0; }
.siri-figure img { display: block; width: 100%; height: auto; }
.siri-figure figcaption { margin-top: 16px; font-size: 13px; line-height: 1.6; color: #52617b; text-align: center; }
.siri-stack { display: grid; gap: 16px; }
.siri-stack .std-tiles-2 { grid-template-columns: repeat(2, 1fr); }
.siri-stack .std-tiles-3 { grid-template-columns: repeat(3, 1fr); }
@media (max-width: 1024px) { .siri-layout { grid-template-columns: 1fr; } .approach-wheel.step-flow.step-flow-4 { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 767px) { .approach-wheel.step-flow.step-flow-4 { grid-template-columns: 1fr; } .siri-stack .std-tiles-3 { grid-template-columns: 1fr 1fr 1fr; } }
/* Home services grid: 9 cards in 3 columns */
@media (min-width: 1025px) { .isdt-service-grid { grid-template-columns: repeat(3, 1fr) !important; } }

/* SIRI pillars: compact tiles on all screens */
.siri-layout .siri-stack .std-tiles.std-tiles-3 { display: grid !important; grid-template-columns: repeat(3, minmax(0,1fr)) !important; gap: 8px !important; }
.siri-layout .siri-stack .std-tiles.std-tiles-2 { display: grid !important; grid-template-columns: repeat(2, minmax(0,1fr)) !important; gap: 8px !important; }
.siri-layout .siri-stack .std-tile { min-height: 0 !important; height: auto !important; grid-column: auto !important; padding: 12px 8px !important; justify-content: center; }
@media (max-width: 767px) { .siri-layout .siri-stack .std-panel { padding: 16px !important; } .siri-layout .siri-stack .std-tile .std-name { font-size: 13px !important; line-height: 1.3 !important; } .siri-layout .siri-stack .std-tile small { font-size: 10.5px !important; } }

/* RTL: services dropdown sizes to its content */
html[dir="rtl"] .elementor-nav-menu--main .elementor-nav-menu > li > ul.sub-menu { width: max-content !important; min-width: 240px !important; max-width: none !important; left: auto !important; right: 0 !important; margin-left: 0 !important; margin-right: 0 !important; }
html[dir="rtl"] .elementor-nav-menu--main .elementor-nav-menu > li > ul.sub-menu a.elementor-sub-item { text-align: right; }