.elementor-11927 .elementor-element.elementor-element-93f7a3b{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-11927 .elementor-element.elementor-element-941cb62{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-11927 .elementor-element.elementor-element-83707ff{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-11927 .elementor-element.elementor-element-7559068{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-11927 .elementor-element.elementor-element-4b48c2c{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-11927 .elementor-element.elementor-element-3235939{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-11927 .elementor-element.elementor-element-1501114{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-11927 .elementor-element.elementor-element-6dcc03e{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-11927 .elementor-element.elementor-element-b293f3e{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}/* Start custom CSS for html, class: .elementor-element-e53fc9c *//* =========================================================
   EKARA — MFA & TLS/SSL MONITORING
   HERO
========================================================= */

*,
*::before,
*::after {
  box-sizing: border-box;
}

.ekara-security-page {
  width: 100%;
  margin: 0;
  padding: 0;
  background: #001719;
  font-family: Inter, Arial, Helvetica, sans-serif;
}


/* =========================================================
   HERO
========================================================= */

.ekara-security-hero {

  --security-dark: #001719;
  --security-dark-medium: #002e33;
  --security-dark-light: #085156;

  --security-teal: #1de4e3;
  --security-teal-medium: #40c6c8;
  --security-teal-light: #90fff6;

  --security-green: #4dffb8;

  --security-white: #effefd;
  --security-text: #c7fffb;
  --security-muted: rgba(199, 255, 251, 0.68);

  position: relative;
  left: 50%;

  width: 100vw;
  max-width: 100vw;

  min-height: 100vh;
  min-height: 100svh;

  margin-left: -50vw;

  display: flex;
  align-items: center;

  padding: 90px 0 86px;

  overflow: hidden;
  isolation: isolate;

  color: var(--security-white);

  background:
    radial-gradient(
      circle at 8% 18%,
      rgba(29, 228, 227, 0.20),
      transparent 31%
    ),
    radial-gradient(
      circle at 91% 14%,
      rgba(80, 255, 246, 0.14),
      transparent 30%
    ),
    radial-gradient(
      circle at 70% 90%,
      rgba(77, 255, 184, 0.06),
      transparent 30%
    ),
    linear-gradient(
      135deg,
      #001719 0%,
      #002e33 47%,
      #0b5155 100%
    );
}


/* Elementor full-width compatibility */

.elementor-section:has(.ekara-security-hero),
.elementor-container:has(.ekara-security-hero),
.elementor-widget:has(.ekara-security-hero),
.elementor-widget-container:has(.ekara-security-hero),
.e-con:has(.ekara-security-hero),
.e-con-inner:has(.ekara-security-hero) {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: visible !important;
}


/* =========================================================
   BACKGROUND
========================================================= */

.ekara-security-hero__background {
  position: absolute;
  inset: 0;
  z-index: -2;
  overflow: hidden;
  pointer-events: none;
}

.ekara-security-hero__background::before {
  content: "";
  position: absolute;
  inset: 0;

  background-image:
    linear-gradient(
      rgba(144, 255, 246, 0.045) 1px,
      transparent 1px
    ),
    linear-gradient(
      90deg,
      rgba(144, 255, 246, 0.045) 1px,
      transparent 1px
    );

  background-size: 54px 54px;

  mask-image:
    radial-gradient(circle at center, #000 0%, transparent 76%);

  -webkit-mask-image:
    radial-gradient(circle at center, #000 0%, transparent 76%);

  opacity: 0.58;
}

.ekara-security-hero__background::after {
  content: "";

  position: absolute;

  width: 850px;
  height: 850px;

  top: 50%;
  right: -400px;

  border: 1px solid rgba(144, 255, 246, 0.08);
  border-radius: 50%;

  transform: translateY(-50%);

  box-shadow:
    0 0 0 95px rgba(144, 255, 246, 0.018),
    0 0 0 190px rgba(144, 255, 246, 0.012);
}


/* GLOWS */

.ekara-security-hero__glow {
  position: absolute;
  border-radius: 999px;
  filter: blur(30px);
  pointer-events: none;
}

.ekara-security-hero__glow--one {
  width: 440px;
  height: 440px;
  top: -210px;
  right: 7%;
  background: rgba(29, 228, 227, 0.23);
}

.ekara-security-hero__glow--two {
  width: 370px;
  height: 370px;
  bottom: -180px;
  left: 4%;
  background: rgba(80, 255, 246, 0.14);
}


/* DECORATIVE CIRCLES */

.ekara-security-hero__circle {
  position: absolute;

  border: 1px solid rgba(144, 255, 246, 0.14);
  border-radius: 50%;

  animation: securityFloat 7s ease-in-out infinite;
}

.ekara-security-hero__circle--one {
  width: 115px;
  height: 115px;
  top: 16%;
  left: 47%;
}

.ekara-security-hero__circle--two {
  width: 55px;
  height: 55px;
  right: 7%;
  bottom: 13%;
  animation-delay: -3s;
}


/* =========================================================
   CONTAINER
========================================================= */

.ekara-security-hero__container {
  position: relative;
  z-index: 2;

  width: min(calc(100% - 64px), 1460px);
  margin: 0 auto;

  display: grid;

  grid-template-columns:
    minmax(440px, 0.92fr)
    minmax(570px, 1.08fr);

  align-items: center;

  gap: clamp(45px, 5vw, 90px);
}


/* =========================================================
   LEFT
========================================================= */

.ekara-security-hero__content {
  width: 100%;
  max-width: 720px;
}


/* LABEL */

.ekara-security-hero__label {
  width: fit-content;

  display: inline-flex;
  align-items: center;
  gap: 10px;

  margin-bottom: 24px;

  padding: 9px 10px 9px 15px;

  border: 1px solid rgba(144, 255, 246, 0.21);
  border-radius: 999px;

  background: rgba(144, 255, 246, 0.09);

  color: var(--security-teal-light);

  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);

  font-size: 13px;
  font-weight: 800;
}

.ekara-security-hero__label-dot {
  width: 9px;
  height: 9px;

  border-radius: 50%;

  background: var(--security-teal);

  box-shadow:
    0 0 16px rgba(29, 228, 227, 0.9);

  animation: securityPulse 2.2s ease-in-out infinite;
}

.ekara-security-hero__label-new {
  padding: 5px 9px;

  border-radius: 999px;

  background: var(--security-teal);

  color: var(--security-dark);

  font-size: 9px;
  font-weight: 950;

  letter-spacing: 0.06em;
  text-transform: uppercase;
}


/* TITLE */

.ekara-security-hero__title {
  max-width: 720px;

  margin: 0;

  color: var(--security-white);

  font-size: clamp(43px, 4.1vw, 66px);

  font-weight: 900;

  line-height: 1.04;

  letter-spacing: -0.052em;
}

.ekara-security-hero__title strong {
  display: block;

  margin-top: 8px;

  background:
    linear-gradient(
      90deg,
      #a6fff8 0%,
      #51f7f1 44%,
      #1de4e3 100%
    );

  -webkit-background-clip: text;
  background-clip: text;

  color: transparent;

  font-weight: 900;
}


/* TEXT */

.ekara-security-hero__lead {
  max-width: 650px;

  margin: 27px 0 0;

  color: var(--security-white);

  font-size: 18px;

  line-height: 1.55;
}

.ekara-security-hero__lead strong {
  font-weight: 850;
}

.ekara-security-hero__description {
  max-width: 650px;

  margin: 15px 0 0;

  color: var(--security-text);

  font-size: 16px;

  line-height: 1.68;
}

.ekara-security-hero__secondary-text {
  max-width: 650px;

  margin: 13px 0 0;

  color: var(--security-muted);

  font-size: 14px;

  line-height: 1.7;
}

.ekara-security-hero__secondary-text strong {
  color: var(--security-teal-light);
}


/* =========================================================
   BUTTONS
========================================================= */

.ekara-security-hero__actions {
  display: flex;
  flex-wrap: wrap;

  gap: 14px;

  margin-top: 32px;
}

.ekara-security-hero__button {
  min-height: 55px;

  padding: 0 25px;

  display: inline-flex;

  align-items: center;
  justify-content: center;

  gap: 10px;

  border: 1px solid transparent;
  border-radius: 14px;

  text-decoration: none;

  font-size: 14px;
  font-weight: 850;

  transition:
    transform 0.25s ease,
    box-shadow 0.25s ease,
    background 0.25s ease,
    border-color 0.25s ease;
}

.ekara-security-hero__button--primary {
  color: var(--security-dark);

  background:
    linear-gradient(
      135deg,
      #1de4e3 0%,
      #58dfe0 100%
    );

  box-shadow:
    0 18px 42px rgba(29, 228, 227, 0.26);
}

.ekara-security-hero__button--primary:hover {
  transform: translateY(-3px);

  box-shadow:
    0 24px 55px rgba(29, 228, 227, 0.38);
}

.ekara-security-hero__button--secondary {
  border-color: rgba(144, 255, 246, 0.20);

  background: rgba(239, 254, 253, 0.065);

  color: var(--security-white);

  backdrop-filter: blur(10px);
}

.ekara-security-hero__button--secondary:hover {
  transform: translateY(-3px);

  border-color: rgba(144, 255, 246, 0.40);

  background: rgba(144, 255, 246, 0.11);
}

.ekara-security-hero__button-icon {
  width: 18px;
  height: 18px;

  fill: none;

  stroke: currentColor;

  stroke-width: 1.8;

  stroke-linecap: round;
  stroke-linejoin: round;
}


/* =========================================================
   PROOF CARDS
========================================================= */

.ekara-security-hero__proofs {
  display: grid;

  grid-template-columns:
    repeat(3, minmax(0, 1fr));

  gap: 11px;

  margin-top: 37px;
}

.ekara-security-hero__proof {
  min-width: 0;

  display: flex;
  align-items: center;

  gap: 10px;

  padding: 14px 12px;

  border: 1px solid rgba(144, 255, 246, 0.12);
  border-radius: 16px;

  background: rgba(239, 254, 253, 0.065);

  backdrop-filter: blur(12px);

  transition:
    transform 0.25s ease,
    background 0.25s ease,
    border-color 0.25s ease;
}

.ekara-security-hero__proof:hover {
  transform: translateY(-3px);

  background: rgba(239, 254, 253, 0.085);

  border-color: rgba(144, 255, 246, 0.22);
}

.ekara-security-hero__proof-icon {
  width: 32px;
  height: 32px;

  flex: 0 0 32px;

  display: flex;

  align-items: center;
  justify-content: center;

  border-radius: 10px;

  background: rgba(29, 228, 227, 0.11);

  color: var(--security-teal-light);
}

.ekara-security-hero__proof-icon svg {
  width: 17px;
  height: 17px;

  fill: none;
  stroke: currentColor;

  stroke-width: 1.7;

  stroke-linecap: round;
  stroke-linejoin: round;
}

.ekara-security-hero__proof-label {
  display: block;

  margin-bottom: 5px;

  color: var(--security-teal-light);

  font-size: 8px;

  font-weight: 850;

  letter-spacing: 0.06em;

  text-transform: uppercase;
}

.ekara-security-hero__proof-value {
  display: block;

  color: var(--security-white);

  font-size: 10px;

  font-weight: 800;

  line-height: 1.4;
}


/* =========================================================
   RIGHT VISUAL
========================================================= */

.ekara-security-visual {
  position: relative;

  width: 100%;
  max-width: 780px;

  justify-self: end;
}

.ekara-security-visual__light {
  position: absolute;

  z-index: -1;

  width: 84%;
  height: 75%;

  top: 12%;
  left: 8%;

  border-radius: 50%;

  background: rgba(29, 228, 227, 0.23);

  filter: blur(75px);

  animation: securityLight 5s ease-in-out infinite;
}


/* FRAME */

.ekara-security-visual__frame {
  position: relative;

  width: 100%;

  margin: 0;

  overflow: hidden;

  border: 1px solid rgba(144, 255, 246, 0.22);
  border-radius: 30px;

  background:
    linear-gradient(
      180deg,
      rgba(239, 254, 253, 0.13),
      rgba(239, 254, 253, 0.055)
    );

  box-shadow:
    0 38px 90px rgba(0, 15, 17, 0.51),
    inset 0 1px 0 rgba(255, 255, 255, 0.10);

  backdrop-filter: blur(20px);

  transform:
    perspective(1600px)
    rotateY(-2deg);

  transition:
    transform 0.5s ease,
    box-shadow 0.5s ease;
}

.ekara-security-visual__frame:hover {
  transform:
    perspective(1600px)
    rotateY(0deg)
    translateY(-4px);

  box-shadow:
    0 48px 110px rgba(0, 15, 17, 0.58),
    0 0 45px rgba(29, 228, 227, 0.08);
}


/* TOPBAR */

.ekara-security-visual__topbar {
  position: absolute;

  z-index: 10;

  top: 0;
  left: 0;
  right: 0;

  min-height: 56px;

  padding: 0 18px;

  display: grid;

  grid-template-columns: 1fr auto 1fr;

  align-items: center;

  border-bottom: 1px solid rgba(144, 255, 246, 0.12);

  background:
    linear-gradient(
      180deg,
      rgba(0, 23, 25, 0.96),
      rgba(0, 23, 25, 0.78)
    );

  backdrop-filter: blur(14px);
}

.ekara-security-visual__window-buttons {
  display: flex;
  gap: 7px;
}

.ekara-security-visual__window-buttons span {
  width: 8px;
  height: 8px;

  border-radius: 50%;

  background: rgba(199, 255, 251, 0.32);
}

.ekara-security-visual__window-buttons span:nth-child(1) {
  background: rgba(255, 200, 87, 0.85);
}

.ekara-security-visual__window-buttons span:nth-child(2) {
  background: rgba(29, 228, 227, 0.80);
}

.ekara-security-visual__window-buttons span:nth-child(3) {
  background: rgba(77, 255, 184, 0.80);
}

.ekara-security-visual__product {
  display: inline-flex;

  align-items: center;

  gap: 9px;

  color: var(--security-white);

  font-size: 12px;

  font-weight: 850;
}

.ekara-security-visual__product-logo {
  width: 27px;
  height: 27px;

  display: inline-flex;

  align-items: center;
  justify-content: center;

  border-radius: 8px;

  background:
    linear-gradient(
      135deg,
      var(--security-teal),
      var(--security-teal-medium)
    );

  color: var(--security-dark);

  font-weight: 950;
}

.ekara-security-visual__status {
  justify-self: end;

  display: inline-flex;

  align-items: center;

  gap: 7px;

  color: var(--security-text);

  font-size: 8px;

  font-weight: 850;

  text-transform: uppercase;
}

.ekara-security-visual__status span {
  width: 7px;
  height: 7px;

  border-radius: 50%;

  background: var(--security-green);

  box-shadow:
    0 0 12px rgba(77, 255, 184, 0.70);

  animation: securityPulse 2s ease-in-out infinite;
}


/* =========================================================
   DASHBOARD
========================================================= */

.ekara-security-dashboard {
  position: relative;

  min-height: 600px;

  padding: 88px 30px 32px;

  background:
    radial-gradient(
      circle at 72% 25%,
      rgba(29, 228, 227, 0.15),
      transparent 34%
    ),
    linear-gradient(
      145deg,
      #001719 0%,
      #002e33 58%,
      #06454a 100%
    );
}

.ekara-security-dashboard__overview {
  padding: 19px;

  border: 1px solid rgba(144, 255, 246, 0.16);

  border-radius: 18px;

  background: rgba(239, 254, 253, 0.055);

  backdrop-filter: blur(12px);
}

.ekara-security-dashboard__overview-header {
  display: flex;

  justify-content: space-between;

  align-items: center;

  gap: 16px;

  margin-bottom: 18px;
}

.ekara-security-dashboard__eyebrow {
  margin-bottom: 6px;

  color: rgba(199, 255, 251, 0.52);

  font-size: 8px;

  font-weight: 850;

  text-transform: uppercase;

  letter-spacing: 0.08em;
}

.ekara-security-dashboard__title {
  color: var(--security-white);

  font-size: 20px;

  font-weight: 900;
}

.ekara-security-dashboard__operational {
  display: inline-flex;

  align-items: center;

  gap: 7px;

  padding: 8px 11px;

  border: 1px solid rgba(77, 255, 184, 0.16);

  border-radius: 999px;

  background: rgba(77, 255, 184, 0.08);

  color: var(--security-green);

  font-size: 9px;

  font-weight: 850;
}

.ekara-security-dashboard__operational span {
  width: 7px;
  height: 7px;

  border-radius: 50%;

  background: var(--security-green);

  box-shadow:
    0 0 12px rgba(77, 255, 184, 0.70);
}


/* SCORE */

.ekara-security-dashboard__score {
  display: grid;

  grid-template-columns: 145px 1fr;

  gap: 24px;

  align-items: center;
}

.ekara-security-dashboard__score-ring {
  width: 130px;
  height: 130px;

  display: flex;

  align-items: center;
  justify-content: center;

  border-radius: 50%;

  background:
    conic-gradient(
      var(--security-teal) 0deg 350deg,
      rgba(144,255,246,.10) 350deg 360deg
    );

  box-shadow:
    0 0 30px rgba(29,228,227,.13);
}

.ekara-security-dashboard__score-inner {
  width: 108px;
  height: 108px;

  display: flex;

  flex-direction: column;

  align-items: center;
  justify-content: center;

  border-radius: 50%;

  background: #00272b;
}

.ekara-security-dashboard__score-value {
  color: var(--security-white);

  font-size: 25px;

  font-weight: 900;
}

.ekara-security-dashboard__score-label {
  margin-top: 3px;

  color: var(--security-muted);

  font-size: 8px;
}

.ekara-security-dashboard__score-content {
  display: grid;

  gap: 9px;
}

.ekara-security-dashboard__metric {
  display: flex;

  justify-content: space-between;

  align-items: center;

  padding: 9px 11px;

  border-radius: 10px;

  background: rgba(239,254,253,.045);
}

.ekara-security-dashboard__metric-label {
  color: var(--security-muted);

  font-size: 9px;
}

.ekara-security-dashboard__metric strong {
  color: var(--security-green);

  font-size: 10px;
}


/* SERVICE CARDS */

.ekara-security-dashboard__services {
  display: grid;

  grid-template-columns:
    repeat(3, minmax(0, 1fr));

  gap: 12px;

  margin-top: 14px;
}

.ekara-security-dashboard__service {
  padding: 15px;

  border: 1px solid rgba(144,255,246,.13);

  border-radius: 16px;

  background: rgba(239,254,253,.055);

  transition: .25s ease;
}

.ekara-security-dashboard__service:hover {
  transform: translateY(-3px);

  border-color: rgba(144,255,246,.25);

  background: rgba(239,254,253,.08);
}

.ekara-security-dashboard__service-icon {
  width: 34px;
  height: 34px;

  display: flex;

  align-items: center;
  justify-content: center;

  margin-bottom: 11px;

  border-radius: 10px;

  background: rgba(29,228,227,.12);

  color: var(--security-teal-light);
}

.ekara-security-dashboard__service-icon svg {
  width: 18px;
  height: 18px;

  fill: none;

  stroke: currentColor;

  stroke-width: 1.7;

  stroke-linecap: round;
  stroke-linejoin: round;
}

.ekara-security-dashboard__service-title {
  margin-bottom: 4px;

  color: var(--security-white);

  font-size: 12px;

  font-weight: 850;
}

.ekara-security-dashboard__service-text {
  color: rgba(199,255,251,.48);

  font-size: 9px;
}

.ekara-security-dashboard__service-status {
  display: flex;

  align-items: center;

  gap: 5px;

  margin-top: 11px;

  color: var(--security-green);

  font-size: 8px;

  font-weight: 800;
}

.ekara-security-dashboard__service-status span {
  width: 5px;
  height: 5px;

  border-radius: 50%;

  background: var(--security-green);
}


/* JOURNEY */

.ekara-security-dashboard__journey {
  margin-top: 14px;

  padding: 17px 18px;

  border: 1px solid rgba(144,255,246,.12);

  border-radius: 16px;

  background: rgba(0,23,25,.42);
}

.ekara-security-dashboard__journey-header {
  display: flex;

  justify-content: space-between;

  align-items: center;

  gap: 14px;

  margin-bottom: 15px;
}

.ekara-security-dashboard__journey-title {
  color: var(--security-white);

  font-size: 12px;

  font-weight: 850;
}

.ekara-security-dashboard__journey-status {
  color: var(--security-green);

  font-size: 9px;

  font-weight: 850;
}

.ekara-security-dashboard__journey-flow {
  display: flex;

  align-items: center;

  justify-content: space-between;

  gap: 7px;
}

.ekara-security-dashboard__step {
  min-width: 0;

  display: flex;

  align-items: center;

  gap: 6px;

  padding: 7px 8px;

  border: 1px solid rgba(144,255,246,.09);

  border-radius: 9px;

  background: rgba(239,254,253,.04);

  color: rgba(239,254,253,.88);

  font-size: 8px;

  font-weight: 750;

  white-space: nowrap;
}

.ekara-security-dashboard__step span {
  color: var(--security-teal);

  font-size: 7px;

  font-weight: 900;
}

.ekara-security-dashboard__step--active {
  border-color: rgba(29,228,227,.35);

  background: rgba(29,228,227,.12);

  box-shadow:
    0 0 18px rgba(29,228,227,.08);
}

.ekara-security-dashboard__arrow {
  color: rgba(29,228,227,.48);

  font-size: 11px;
}


/* BADGE */

.ekara-security-visual__badge {
  position: absolute;

  z-index: 12;

  right: 22px;
  bottom: 22px;

  display: inline-flex;

  align-items: center;

  gap: 9px;

  padding: 11px 14px;

  border: 1px solid rgba(144,255,246,.20);

  border-radius: 13px;

  background: rgba(0,23,25,.89);

  color: var(--security-text);

  box-shadow:
    0 14px 34px rgba(0,15,17,.32);

  backdrop-filter: blur(14px);

  font-size: 10px;

  font-weight: 800;
}

.ekara-security-visual__badge span {
  color: var(--security-teal);

  font-size: 15px;
}


/* CAPTION */

.ekara-security-visual__caption {
  width: calc(100% - 48px);

  margin: -2px auto 0;

  padding: 15px 18px;

  display: flex;

  align-items: center;
  justify-content: center;

  gap: 10px;

  border: 1px solid rgba(144,255,246,.12);

  border-top: 0;

  border-radius: 0 0 18px 18px;

  background: rgba(0,23,25,.55);

  color: rgba(199,255,251,.78);

  font-size: 10px;

  font-weight: 750;

  line-height: 1.45;

  text-align: center;
}

.ekara-security-visual__caption span {
  width: 21px;
  height: 21px;

  flex: 0 0 21px;

  display: inline-flex;

  align-items: center;
  justify-content: center;

  border-radius: 50%;

  background: rgba(77,255,184,.12);

  color: var(--security-green);
}


/* =========================================================
   ANIMATIONS
========================================================= */

@keyframes securityPulse {
  0%, 100% {
    opacity: 1;
    transform: scale(1);
  }

  50% {
    opacity: .58;
    transform: scale(.82);
  }
}

@keyframes securityFloat {
  0%, 100% {
    transform: translateY(0);
  }

  50% {
    transform: translateY(-12px);
  }
}

@keyframes securityLight {
  0%, 100% {
    opacity: .75;
    transform: scale(.96);
  }

  50% {
    opacity: 1;
    transform: scale(1.05);
  }
}


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

@media (max-width: 1280px) {

  .ekara-security-hero__container {
    width: min(calc(100% - 48px), 1200px);

    grid-template-columns:
      minmax(390px, .9fr)
      minmax(510px, 1.1fr);

    gap: 45px;
  }

  .ekara-security-hero__title {
    font-size: clamp(41px, 4.2vw, 58px);
  }

  .ekara-security-hero__proofs {
    grid-template-columns: 1fr;
  }
}


@media (max-width: 1024px) {

  .ekara-security-hero {
    min-height: auto;

    padding: 80px 0;
  }

  .ekara-security-hero__container {
    width: min(calc(100% - 40px), 820px);

    grid-template-columns: 1fr;

    gap: 55px;
  }

  .ekara-security-hero__content {
    max-width: 760px;
  }

  .ekara-security-hero__proofs {
    grid-template-columns:
      repeat(3, minmax(0, 1fr));
  }

  .ekara-security-visual {
    max-width: 760px;

    justify-self: start;
  }

  .ekara-security-visual__frame {
    transform: none;
  }
}


@media (max-width: 720px) {

  .ekara-security-hero {
    padding: 60px 0 64px;
  }

  .ekara-security-hero__container {
    width: min(calc(100% - 30px), 820px);

    gap: 43px;
  }

  .ekara-security-hero__label-new {
    display: none;
  }

  .ekara-security-hero__title {
    font-size: clamp(35px, 10.5vw, 48px);

    letter-spacing: -0.045em;
  }

  .ekara-security-hero__lead {
    font-size: 16px;
  }

  .ekara-security-hero__description {
    font-size: 15px;
  }

  .ekara-security-hero__secondary-text {
    font-size: 13px;
  }

  .ekara-security-hero__actions {
    flex-direction: column;
  }

  .ekara-security-hero__button {
    width: 100%;
  }

  .ekara-security-hero__proofs {
    grid-template-columns: 1fr;
  }

  .ekara-security-dashboard {
    min-height: auto;

    padding: 74px 16px 28px;
  }

  .ekara-security-dashboard__score {
    grid-template-columns: 1fr;

    justify-items: center;
  }

  .ekara-security-dashboard__score-content {
    width: 100%;
  }

  .ekara-security-dashboard__services {
    grid-template-columns: 1fr;
  }

  .ekara-security-dashboard__journey-flow {
    flex-direction: column;

    align-items: stretch;
  }

  .ekara-security-dashboard__arrow {
    align-self: center;

    transform: rotate(90deg);
  }

  .ekara-security-dashboard__step {
    justify-content: center;
  }

  .ekara-security-visual__badge {
    position: relative;

    right: auto;
    bottom: auto;

    margin: 0 16px 20px;
  }

  .ekara-security-visual__status {
    font-size: 7px;
  }

  .ekara-security-visual__window-buttons {
    display: none;
  }

  .ekara-security-visual__topbar {
    grid-template-columns: 1fr auto;
  }
}


/* Accessibility */

@media (prefers-reduced-motion: reduce) {

  .ekara-security-hero *,
  .ekara-security-hero *::before,
  .ekara-security-hero *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    scroll-behavior: auto !important;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-6b8cbbe *//* =========================================================
   EKARA — SECURITY ACCESSIBILITY
   FULL WIDTH WHITE SECTION
========================================================= */

.ekara-access-section {

  --access-dark: #003f43;
  --access-dark-2: #002e33;

  --access-teal: #00aaa8;
  --access-teal-bright: #16d6d3;
  --access-teal-light: #e8fbfa;

  --access-green: #17a873;

  --access-red: #dc5a62;
  --access-red-light: #fff3f3;

  --access-orange: #dc8c39;

  --access-text: #40585a;
  --access-muted: #708789;

  position: relative;

  /* FULL WIDTH OUTSIDE ELEMENTOR CONTAINER */
  left: 50%;

  width: 100vw;
  max-width: 100vw;

  margin-left: -50vw;
  margin-right: -50vw;

  padding: 110px 0 100px;

  overflow: hidden;

  background:
    radial-gradient(
      circle at 95% 15%,
      rgba(22, 214, 211, 0.07),
      transparent 27%
    ),
    radial-gradient(
      circle at 5% 85%,
      rgba(0, 170, 168, 0.045),
      transparent 25%
    ),
    #ffffff;

  font-family:
    Inter,
    Arial,
    Helvetica,
    sans-serif;
}


/* =========================================================
   ELEMENTOR FULL WIDTH FIX
========================================================= */

.elementor-section:has(.ekara-access-section),
.elementor-container:has(.ekara-access-section),
.elementor-widget:has(.ekara-access-section),
.elementor-widget-container:has(.ekara-access-section),
.e-con:has(.ekara-access-section),
.e-con-inner:has(.ekara-access-section) {

  width: 100% !important;
  max-width: none !important;

  margin-left: 0 !important;
  margin-right: 0 !important;

  padding-left: 0 !important;
  padding-right: 0 !important;

  overflow: visible !important;
}


/* =========================================================
   CONTAINER
========================================================= */

.ekara-access-container {

  position: relative;
  z-index: 2;

  width: min(calc(100% - 64px), 1400px);

  margin: 0 auto;

  display: grid;

  grid-template-columns:
    minmax(470px, 0.96fr)
    minmax(500px, 1.04fr);

  align-items: center;

  gap: clamp(65px, 7vw, 115px);
}


/* =========================================================
   LEFT CONTENT
========================================================= */

.ekara-access-content {

  width: 100%;

  max-width: 700px;
}


/* =========================================================
   EYEBROW
========================================================= */

.ekara-access-eyebrow {

  display: flex;

  align-items: center;

  gap: 10px;

  margin-bottom: 19px;

  color: var(--access-teal);

  font-size: 12px;

  font-weight: 850;

  letter-spacing: 0.07em;

  text-transform: uppercase;
}


.ekara-access-eyebrow__line {

  width: 28px;
  height: 2px;

  flex: 0 0 28px;

  border-radius: 99px;

  background: var(--access-teal);
}


/* =========================================================
   TITLE
========================================================= */

.ekara-access-title {

  max-width: 680px;

  margin: 0;

  color: var(--access-dark);

  font-size: clamp(38px, 3.5vw, 56px);

  font-weight: 900;

  line-height: 1.08;

  letter-spacing: -0.045em;
}


.ekara-access-title strong {

  display: block;

  margin-top: 5px;

  color: var(--access-teal);

  font-weight: 900;
}


/* =========================================================
   INTRO
========================================================= */

.ekara-access-intro {

  max-width: 650px;

  margin: 27px 0 0;

  color: var(--access-text);

  font-size: 16px;

  line-height: 1.72;
}


.ekara-access-intro strong {

  color: var(--access-dark);

  font-weight: 800;
}


/* =========================================================
   QUESTION CARD
========================================================= */

.ekara-access-question {

  position: relative;

  display: flex;

  align-items: flex-start;

  gap: 15px;

  margin-top: 27px;

  padding: 19px 21px;

  overflow: hidden;

  border:
    1px solid
    rgba(0, 170, 168, 0.17);

  border-radius: 17px;

  background:
    linear-gradient(
      135deg,
      #f3fdfc,
      #ffffff
    );

  box-shadow:
    0 14px 35px
    rgba(0, 63, 67, 0.055);
}


.ekara-access-question::before {

  content: "";

  position: absolute;

  top: 0;
  left: 0;

  width: 4px;
  height: 100%;

  background:
    linear-gradient(
      180deg,
      var(--access-teal),
      var(--access-teal-bright)
    );
}


.ekara-access-question__icon {

  width: 35px;
  height: 35px;

  flex: 0 0 35px;

  display: flex;

  align-items: center;
  justify-content: center;

  border-radius: 10px;

  background: var(--access-dark);

  color: #ffffff;

  font-size: 17px;

  font-weight: 900;
}


.ekara-access-question__label {

  display: block;

  margin-bottom: 5px;

  color: var(--access-muted);

  font-size: 9px;

  font-weight: 800;

  letter-spacing: 0.06em;

  text-transform: uppercase;
}


.ekara-access-question p {

  margin: 0;

  color: var(--access-dark);

  font-size: 15px;

  font-weight: 850;

  line-height: 1.48;
}


/* =========================================================
   TRANSITION
========================================================= */

.ekara-access-transition {

  margin: 27px 0 16px;

  color: var(--access-text);

  font-size: 14px;

  line-height: 1.6;
}


/* =========================================================
   ISSUE GRID
========================================================= */

.ekara-access-issues {

  display: grid;

  grid-template-columns:
    repeat(2, minmax(0, 1fr));

  gap: 9px;
}


.ekara-access-issue {

  min-width: 0;

  display: flex;

  align-items: center;

  gap: 10px;

  padding: 11px 12px;

  border: 1px solid #e7eeee;

  border-radius: 12px;

  background: #ffffff;

  color: var(--access-text);

  box-shadow:
    0 5px 15px
    rgba(0, 46, 51, 0.025);

  font-size: 11px;

  line-height: 1.4;

  transition:
    transform 0.22s ease,
    border-color 0.22s ease,
    box-shadow 0.22s ease;
}


.ekara-access-issue:hover {

  transform: translateY(-2px);

  border-color:
    rgba(0, 170, 168, 0.22);

  box-shadow:
    0 10px 25px
    rgba(0, 63, 67, 0.06);
}


.ekara-access-issue--wide {

  grid-column: 1 / -1;
}


.ekara-access-issue__icon {

  width: 28px;
  height: 28px;

  flex: 0 0 28px;

  display: flex;

  align-items: center;
  justify-content: center;

  border-radius: 8px;

  background: var(--access-teal-light);

  color: var(--access-teal);
}


.ekara-access-issue__icon svg {

  width: 15px;
  height: 15px;

  fill: none;

  stroke: currentColor;

  stroke-width: 1.8;

  stroke-linecap: round;

  stroke-linejoin: round;
}


.ekara-access-issue strong {

  color: var(--access-dark);

  font-weight: 800;
}


/* =========================================================
   RIGHT VISUAL
========================================================= */

.ekara-access-visual {

  position: relative;

  width: 100%;

  max-width: 650px;

  justify-self: end;
}


/* =========================================================
   DECORATION
========================================================= */

.ekara-access-visual__decor {

  position: absolute;

  border-radius: 50%;

  pointer-events: none;
}


.ekara-access-visual__decor--one {

  width: 430px;
  height: 430px;

  top: -80px;
  right: -110px;

  border:
    1px solid
    rgba(0, 170, 168, 0.07);

  box-shadow:
    0 0 0 65px
    rgba(0, 170, 168, 0.025),
    0 0 0 130px
    rgba(0, 170, 168, 0.015);
}


.ekara-access-visual__decor--two {

  width: 180px;
  height: 180px;

  left: -70px;
  bottom: 40px;

  background:
    rgba(22, 214, 211, 0.055);

  filter: blur(5px);
}


/* =========================================================
   MONITOR CARD
========================================================= */

.ekara-access-monitor {

  position: relative;

  z-index: 2;

  width: 100%;

  padding: 26px;

  overflow: hidden;

  border: 1px solid #dce9e9;

  border-radius: 26px;

  background:
    rgba(255, 255, 255, 0.96);

  box-shadow:
    0 35px 85px
    rgba(0, 63, 67, 0.12),
    0 4px 18px
    rgba(0, 63, 67, 0.035);
}


/* =========================================================
   MONITOR HEADER
========================================================= */

.ekara-access-monitor__header {

  display: flex;

  align-items: center;

  justify-content: space-between;

  gap: 20px;

  margin-bottom: 20px;
}


.ekara-access-monitor__eyebrow {

  display: block;

  margin-bottom: 4px;

  color: var(--access-muted);

  font-size: 8px;

  font-weight: 850;

  letter-spacing: 0.07em;

  text-transform: uppercase;
}


.ekara-access-monitor__header h3 {

  margin: 0;

  color: var(--access-dark);

  font-size: 19px;

  font-weight: 900;
}


.ekara-access-monitor__live {

  display: inline-flex;

  align-items: center;

  gap: 7px;

  padding: 7px 10px;

  border-radius: 999px;

  background: #edfaf5;

  color: var(--access-green);

  font-size: 8px;

  font-weight: 850;

  text-transform: uppercase;
}


.ekara-access-monitor__live span {

  width: 6px;
  height: 6px;

  border-radius: 50%;

  background: var(--access-green);

  box-shadow:
    0 0 0 4px
    rgba(23, 168, 115, 0.09);

  animation:
    accessPulse
    2s ease-in-out infinite;
}


/* =========================================================
   INFRASTRUCTURE CARD
========================================================= */

.ekara-access-monitor__infra {

  padding: 18px;

  border: 1px solid #dcefe7;

  border-radius: 16px;

  background:
    linear-gradient(
      135deg,
      #f7fdfa,
      #ffffff
    );
}


.ekara-access-monitor__infra-top {

  display: grid;

  grid-template-columns:
    auto 1fr auto;

  align-items: center;

  gap: 12px;
}


.ekara-access-monitor__infra-icon {

  width: 38px;
  height: 38px;

  display: flex;

  align-items: center;
  justify-content: center;

  border-radius: 11px;

  background: #e8f8f2;

  color: var(--access-green);
}


.ekara-access-monitor__infra-icon svg {

  width: 19px;
  height: 19px;

  fill: none;

  stroke: currentColor;

  stroke-width: 1.7;

  stroke-linecap: round;

  stroke-linejoin: round;
}


.ekara-access-monitor__infra-top > div:nth-child(2) span {

  display: block;

  margin-bottom: 2px;

  color: var(--access-muted);

  font-size: 9px;
}


.ekara-access-monitor__infra-top strong {

  color: var(--access-dark);

  font-size: 13px;
}


.ekara-access-monitor__check {

  width: 29px;
  height: 29px;

  display: flex;

  align-items: center;
  justify-content: center;

  border-radius: 50%;

  background: #e8f8f2;

  color: var(--access-green);

  font-size: 12px;

  font-weight: 900;
}


/* =========================================================
   UPTIME
========================================================= */

.ekara-access-monitor__uptime {

  display: grid;

  grid-template-columns:
    auto auto 1fr;

  align-items: center;

  gap: 12px;

  margin-top: 16px;
}


.ekara-access-monitor__uptime > span {

  color: var(--access-muted);

  font-size: 8px;
}


.ekara-access-monitor__uptime-value {

  color: var(--access-green);

  font-size: 11px;

  font-weight: 900;
}


.ekara-access-monitor__bar {

  position: relative;

  height: 5px;

  overflow: hidden;

  border-radius: 99px;

  background: #e7efec;
}


.ekara-access-monitor__bar span {

  position: absolute;

  inset: 0;

  width: 99%;

  border-radius: inherit;

  background:
    linear-gradient(
      90deg,
      #28b980,
      #58cfa1
    );
}


/* =========================================================
   SEPARATOR
========================================================= */

.ekara-access-monitor__separator {

  display: grid;

  grid-template-columns:
    1fr auto 1fr;

  align-items: center;

  gap: 12px;

  margin: 20px 0;
}


.ekara-access-monitor__separator span {

  height: 1px;

  background: #e5eded;
}


.ekara-access-monitor__separator strong {

  color: var(--access-orange);

  font-size: 9px;

  font-weight: 850;

  text-transform: uppercase;

  letter-spacing: 0.05em;
}


/* =========================================================
   USER JOURNEY
========================================================= */

.ekara-access-monitor__journey {

  padding: 18px;

  border:
    1px solid
    #f0dddd;

  border-radius: 17px;

  background:
    linear-gradient(
      135deg,
      #fffafa,
      #ffffff
    );
}


.ekara-access-monitor__journey-header {

  display: flex;

  align-items: center;

  justify-content: space-between;

  gap: 15px;

  margin-bottom: 22px;
}


.ekara-access-monitor__journey-header strong {

  color: var(--access-dark);

  font-size: 13px;
}


.ekara-access-monitor__warning {

  padding: 6px 9px;

  border-radius: 999px;

  background: #fff1e4;

  color: var(--access-orange);

  font-size: 8px;

  font-weight: 850;

  text-transform: uppercase;
}


/* =========================================================
   FLOW
========================================================= */

.ekara-access-monitor__flow {

  display: grid;

  grid-template-columns:
    1fr 40px 1fr 40px 1fr;

  align-items: center;

  gap: 4px;
}


.ekara-access-monitor__step {

  min-width: 0;

  padding: 12px 7px;

  border: 1px solid #e6eded;

  border-radius: 12px;

  background: #ffffff;

  text-align: center;
}


.ekara-access-monitor__step-icon {

  width: 27px;
  height: 27px;

  margin: 0 auto 7px;

  display: flex;

  align-items: center;
  justify-content: center;

  border-radius: 50%;

  font-size: 11px;

  font-weight: 900;
}


.ekara-access-monitor__step > span {

  display: block;

  color: var(--access-dark);

  font-size: 9px;

  font-weight: 850;
}


.ekara-access-monitor__step small {

  display: block;

  margin-top: 3px;

  color: var(--access-muted);

  font-size: 7px;
}


/* SUCCESS */

.ekara-access-monitor__step--success
.ekara-access-monitor__step-icon {

  background: #e9f8f2;

  color: var(--access-green);
}


/* ERROR */

.ekara-access-monitor__step--error {

  border-color:
    rgba(220, 90, 98, 0.30);

  background: var(--access-red-light);

  box-shadow:
    0 9px 25px
    rgba(220, 90, 98, 0.08);
}


.ekara-access-monitor__step--error
.ekara-access-monitor__step-icon {

  background: #ffe4e5;

  color: var(--access-red);
}


.ekara-access-monitor__step--error small {

  color: var(--access-red);

  font-weight: 800;
}


/* BLOCKED */

.ekara-access-monitor__step--blocked {

  opacity: 0.58;
}


.ekara-access-monitor__step--blocked
.ekara-access-monitor__step-icon {

  background: #edf1f1;

  color: #718183;
}


/* =========================================================
   FLOW LINES
========================================================= */

.ekara-access-monitor__flow-line {

  position: relative;

  height: 2px;

  background: #dfe8e8;
}


.ekara-access-monitor__flow-line span {

  position: absolute;

  top: 50%;
  right: -1px;

  width: 6px;
  height: 6px;

  border-top:
    2px solid currentColor;

  border-right:
    2px solid currentColor;

  transform:
    translateY(-50%)
    rotate(45deg);
}


.ekara-access-monitor__flow-line--success {

  color: var(--access-green);

  background:
    rgba(23, 168, 115, 0.45);
}


.ekara-access-monitor__flow-line--blocked {

  color: #b7c1c1;

  background: #dfe5e5;
}


/* =========================================================
   ALERT
========================================================= */

.ekara-access-monitor__alert {

  display: flex;

  align-items: flex-start;

  gap: 11px;

  margin-top: 17px;

  padding: 13px;

  border:
    1px solid
    rgba(220, 90, 98, 0.16);

  border-radius: 12px;

  background:
    rgba(220, 90, 98, 0.045);
}


.ekara-access-monitor__alert-icon {

  width: 28px;
  height: 28px;

  flex: 0 0 28px;

  display: flex;

  align-items: center;
  justify-content: center;

  border-radius: 8px;

  background: #ffe7e8;

  color: var(--access-red);

  font-size: 12px;

  font-weight: 900;
}


.ekara-access-monitor__alert span {

  display: block;

  margin-bottom: 2px;

  color: var(--access-muted);

  font-size: 7px;

  text-transform: uppercase;

  letter-spacing: 0.05em;
}


.ekara-access-monitor__alert strong {

  display: block;

  color: var(--access-red);

  font-size: 11px;
}


.ekara-access-monitor__alert p {

  margin: 4px 0 0;

  color: var(--access-text);

  font-size: 8px;

  line-height: 1.5;
}


/* =========================================================
   EKARA BOTTOM MESSAGE
========================================================= */

.ekara-access-monitor__bottom {

  display: flex;

  align-items: center;

  gap: 10px;

  margin-top: 18px;

  padding-top: 17px;

  border-top:
    1px solid
    #e6eeee;
}


.ekara-access-monitor__bottom-icon {

  width: 32px;
  height: 32px;

  flex: 0 0 32px;

  display: flex;

  align-items: center;
  justify-content: center;

  border-radius: 9px;

  background: var(--access-dark);

  color: var(--access-teal-bright);
}


.ekara-access-monitor__bottom div > span {

  display: block;

  margin-bottom: 2px;

  color: var(--access-teal);

  font-size: 8px;

  font-weight: 900;

  text-transform: uppercase;
}


.ekara-access-monitor__bottom strong {

  color: var(--access-dark);

  font-size: 10px;
}


/* =========================================================
   CONCLUSION
========================================================= */

.ekara-access-conclusion {

  position: relative;

  z-index: 2;

  width: min(calc(100% - 64px), 1400px);

  margin: 85px auto 0;

  display: flex;

  align-items: center;

  gap: 21px;

  padding: 29px 34px;

  border-radius: 20px;

  background:
    linear-gradient(
      135deg,
      #003f43 0%,
      #006b6d 100%
    );

  box-shadow:
    0 25px 55px
    rgba(0, 63, 67, 0.15);
}


.ekara-access-conclusion__icon {

  width: 48px;
  height: 48px;

  flex: 0 0 48px;

  display: flex;

  align-items: center;
  justify-content: center;

  border-radius: 14px;

  background:
    rgba(144, 255, 246, 0.11);

  color: #90fff6;
}


.ekara-access-conclusion__icon svg {

  width: 23px;
  height: 23px;

  fill: none;

  stroke: currentColor;

  stroke-width: 1.8;

  stroke-linecap: round;

  stroke-linejoin: round;
}


.ekara-access-conclusion p {

  margin: 0 0 4px;

  color:
    rgba(239, 254, 253, 0.72);

  font-size: 13px;

  line-height: 1.5;
}


.ekara-access-conclusion strong {

  display: block;

  color: #ffffff;

  font-size:
    clamp(
      16px,
      1.6vw,
      21px
    );

  font-weight: 850;

  line-height: 1.4;
}


/* =========================================================
   ANIMATION
========================================================= */

@keyframes accessPulse {

  0%,
  100% {

    opacity: 1;

    transform:
      scale(1);
  }

  50% {

    opacity: 0.55;

    transform:
      scale(0.82);
  }

}


/* =========================================================
   RESPONSIVE — LAPTOP
========================================================= */

@media (max-width: 1280px) {

  .ekara-access-container {

    width:
      min(
        calc(100% - 48px),
        1180px
      );

    grid-template-columns:
      minmax(420px, 0.95fr)
      minmax(470px, 1.05fr);

    gap: 50px;
  }


  .ekara-access-title {

    font-size:
      clamp(
        38px,
        4vw,
        51px
      );
  }


  .ekara-access-conclusion {

    width:
      min(
        calc(100% - 48px),
        1180px
      );
  }

}


/* =========================================================
   RESPONSIVE — TABLET
========================================================= */

@media (max-width: 1050px) {

  .ekara-access-section {

    padding:
      90px 0 85px;
  }


  .ekara-access-container {

    width:
      min(
        calc(100% - 48px),
        820px
      );

    grid-template-columns: 1fr;

    gap: 65px;
  }


  .ekara-access-content {

    max-width: 760px;
  }


  .ekara-access-visual {

    max-width: 680px;

    justify-self: center;
  }


  .ekara-access-conclusion {

    width:
      min(
        calc(100% - 48px),
        820px
      );

    margin-top: 65px;
  }

}


/* =========================================================
   RESPONSIVE — MOBILE
========================================================= */

@media (max-width: 720px) {

  .ekara-access-section {

    padding:
      70px 0 65px;
  }


  .ekara-access-container {

    width:
      calc(100% - 30px);

    gap: 48px;
  }


  .ekara-access-title {

    font-size:
      clamp(
        34px,
        10vw,
        45px
      );
  }


  .ekara-access-intro {

    font-size: 15px;
  }


  .ekara-access-question {

    padding: 17px;
  }


  .ekara-access-issues {

    grid-template-columns: 1fr;
  }


  .ekara-access-issue--wide {

    grid-column: auto;
  }


  .ekara-access-monitor {

    padding: 17px;

    border-radius: 20px;
  }


  .ekara-access-monitor__header {

    align-items: flex-start;
  }


  .ekara-access-monitor__live {

    font-size: 7px;
  }


  .ekara-access-monitor__flow {

    grid-template-columns: 1fr;

    gap: 7px;
  }


  .ekara-access-monitor__flow-line {

    width: 2px;
    height: 20px;

    margin: 0 auto;
  }


  .ekara-access-monitor__flow-line span {

    top: auto;

    right: 50%;
    bottom: -1px;

    transform:
      translateX(50%)
      rotate(135deg);
  }


  .ekara-access-monitor__uptime {

    grid-template-columns:
      auto auto;

    gap: 8px;
  }


  .ekara-access-monitor__bar {

    grid-column:
      1 / -1;
  }


  .ekara-access-conclusion {

    width:
      calc(100% - 30px);

    margin-top: 55px;

    padding:
      24px 21px;

    align-items: flex-start;

    border-radius: 17px;
  }


  .ekara-access-conclusion__icon {

    width: 40px;
    height: 40px;

    flex-basis: 40px;
  }

}


/* =========================================================
   VERY SMALL MOBILE
========================================================= */

@media (max-width: 420px) {

  .ekara-access-title {

    font-size: 33px;
  }


  .ekara-access-eyebrow {

    font-size: 10px;
  }


  .ekara-access-monitor__header {

    flex-direction: column;

    gap: 10px;
  }


  .ekara-access-monitor__live {

    align-self: flex-start;
  }


  .ekara-access-conclusion {

    gap: 14px;
  }


  .ekara-access-conclusion p {

    font-size: 11px;
  }


  .ekara-access-conclusion strong {

    font-size: 15px;
  }

}


/* =========================================================
   ACCESSIBILITY
========================================================= */

@media (prefers-reduced-motion: reduce) {

  .ekara-access-section *,
  .ekara-access-section *::before,
  .ekara-access-section *::after {

    animation-duration: 0.01ms !important;

    animation-iteration-count: 1 !important;

    scroll-behavior: auto !important;
  }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-ce39739 *//* =========================================================
   EKARA — OBSERVABLE RESILIENCE
   SYNTHETIC MONITORING JOURNEY
========================================================= */

.ekara-resilience-section {

  --res-dark: #003f43;
  --res-dark-deep: #002e33;

  --res-teal: #00aaa8;
  --res-teal-bright: #18d5d1;
  --res-teal-light: #e9fbfa;

  --res-green: #20ae7c;

  --res-text: #40585a;
  --res-muted: #718789;

  position: relative;

  left: 50%;

  width: 100vw;
  max-width: 100vw;

  margin-left: -50vw;
  margin-right: -50vw;

  padding: 110px 0 105px;

  overflow: hidden;

  background:
    linear-gradient(
      180deg,
      #f4fbfb 0%,
      #f8fcfc 48%,
      #f1f9f9 100%
    );

  font-family:
    Inter,
    Arial,
    Helvetica,
    sans-serif;
}


/* =========================================================
   ELEMENTOR FULL WIDTH
========================================================= */

.elementor-section:has(.ekara-resilience-section),
.elementor-container:has(.ekara-resilience-section),
.elementor-widget:has(.ekara-resilience-section),
.elementor-widget-container:has(.ekara-resilience-section),
.e-con:has(.ekara-resilience-section),
.e-con-inner:has(.ekara-resilience-section) {

  width: 100% !important;
  max-width: none !important;

  margin: 0 !important;

  padding-left: 0 !important;
  padding-right: 0 !important;

  overflow: visible !important;
}


/* =========================================================
   BACKGROUND
========================================================= */

.ekara-resilience-bg {

  position: absolute;

  inset: 0;

  pointer-events: none;

  overflow: hidden;
}


.ekara-resilience-bg::before {

  content: "";

  position: absolute;

  inset: 0;

  background-image:
    linear-gradient(
      rgba(0, 170, 168, 0.035) 1px,
      transparent 1px
    ),
    linear-gradient(
      90deg,
      rgba(0, 170, 168, 0.035) 1px,
      transparent 1px
    );

  background-size:
    60px 60px;

  mask-image:
    linear-gradient(
      to bottom,
      transparent,
      #000 25%,
      #000 70%,
      transparent
    );

  -webkit-mask-image:
    linear-gradient(
      to bottom,
      transparent,
      #000 25%,
      #000 70%,
      transparent
    );

  opacity: 0.65;
}


.ekara-resilience-bg__glow {

  position: absolute;

  border-radius: 50%;

  filter: blur(20px);
}


.ekara-resilience-bg__glow--one {

  width: 500px;
  height: 500px;

  top: -270px;
  left: -150px;

  background:
    rgba(24, 213, 209, 0.08);
}


.ekara-resilience-bg__glow--two {

  width: 500px;
  height: 500px;

  right: -220px;
  bottom: -260px;

  background:
    rgba(0, 170, 168, 0.07);
}


/* =========================================================
   MAIN CONTAINER
========================================================= */

.ekara-resilience-container {

  position: relative;

  z-index: 2;

  width:
    min(
      calc(100% - 64px),
      1400px
    );

  margin: 0 auto;
}


/* =========================================================
   INTRO
========================================================= */

.ekara-resilience-intro {

  max-width: 900px;

  margin:
    0 auto 65px;

  text-align: center;
}


/* EYEBROW */

.ekara-resilience-eyebrow {

  width: fit-content;

  margin:
    0 auto 20px;

  display: inline-flex;

  align-items: center;

  gap: 9px;

  padding:
    8px 13px;

  border:
    1px solid
    rgba(0, 170, 168, 0.15);

  border-radius: 999px;

  background:
    rgba(255, 255, 255, 0.75);

  color:
    var(--res-teal);

  box-shadow:
    0 8px 22px
    rgba(0, 63, 67, 0.035);

  font-size: 10px;

  font-weight: 900;

  letter-spacing: 0.07em;

  text-transform: uppercase;
}


.ekara-resilience-eyebrow__dot {

  width: 7px;
  height: 7px;

  border-radius: 50%;

  background:
    var(--res-teal);

  box-shadow:
    0 0 0 5px
    rgba(0, 170, 168, 0.08);
}


/* =========================================================
   TITLE
========================================================= */

.ekara-resilience-title {

  max-width: 880px;

  margin:
    0 auto;

  color:
    var(--res-dark);

  font-size:
    clamp(
      40px,
      4vw,
      60px
    );

  font-weight: 900;

  line-height: 1.07;

  letter-spacing:
    -0.048em;
}


.ekara-resilience-title strong {

  display: block;

  margin-top: 5px;

  color:
    var(--res-teal);

  font-weight: 900;
}


/* =========================================================
   INTRO TEXT
========================================================= */

.ekara-resilience-intro__text {

  max-width: 730px;

  margin:
    27px auto 0;
}


.ekara-resilience-intro__text p {

  margin:
    5px 0;

  color:
    var(--res-text);

  font-size: 16px;

  line-height: 1.65;
}


.ekara-resilience-intro__text strong {

  color:
    var(--res-dark);

  font-weight: 800;
}


/* =========================================================
   EKARA STATEMENT
========================================================= */

.ekara-resilience-statement {

  max-width: 820px;

  margin:
    29px auto 0;

  display: flex;

  align-items: center;

  gap: 16px;

  padding:
    18px 21px;

  border:
    1px solid
    rgba(0, 170, 168, 0.15);

  border-radius: 16px;

  background:
    rgba(255, 255, 255, 0.80);

  box-shadow:
    0 14px 35px
    rgba(0, 63, 67, 0.05);

  text-align: left;
}


.ekara-resilience-statement__icon {

  width: 42px;
  height: 42px;

  flex:
    0 0 42px;

  display: flex;

  align-items: center;

  justify-content: center;

  border-radius: 12px;

  background:
    var(--res-dark);

  color:
    var(--res-teal-bright);
}


.ekara-resilience-statement__icon svg {

  width: 20px;
  height: 20px;

  fill: none;

  stroke:
    currentColor;

  stroke-width: 1.8;

  stroke-linecap: round;

  stroke-linejoin: round;
}


.ekara-resilience-statement p {

  margin: 0;

  color:
    var(--res-text);

  font-size: 13px;

  line-height: 1.65;
}


.ekara-resilience-statement strong {

  color:
    var(--res-dark);

  font-weight: 850;
}


/* =========================================================
   JOURNEY CONTAINER
========================================================= */

.ekara-resilience-journey {

  position: relative;

  padding:
    28px;

  border:
    1px solid
    rgba(0, 94, 96, 0.12);

  border-radius: 27px;

  background:
    rgba(255, 255, 255, 0.92);

  box-shadow:
    0 35px 90px
    rgba(0, 63, 67, 0.09);
}


/* =========================================================
   JOURNEY HEADER
========================================================= */

.ekara-resilience-journey__header {

  display: flex;

  align-items: center;

  justify-content: space-between;

  gap: 20px;

  margin-bottom: 32px;
}


.ekara-resilience-journey__eyebrow {

  display: block;

  margin-bottom: 4px;

  color:
    var(--res-muted);

  font-size: 8px;

  font-weight: 850;

  letter-spacing: 0.08em;

  text-transform: uppercase;
}


.ekara-resilience-journey__header strong {

  color:
    var(--res-dark);

  font-size: 17px;

  font-weight: 900;
}


.ekara-resilience-journey__live {

  display: inline-flex;

  align-items: center;

  gap: 7px;

  padding:
    8px 11px;

  border-radius: 999px;

  background:
    #eaf8f3;

  color:
    var(--res-green);

  font-size: 8px;

  font-weight: 900;

  text-transform: uppercase;
}


.ekara-resilience-journey__live span {

  width: 6px;
  height: 6px;

  border-radius: 50%;

  background:
    var(--res-green);

  box-shadow:
    0 0 0 5px
    rgba(32, 174, 124, 0.08);

  animation:
    resilienceStatusPulse
    2s ease-in-out infinite;
}


/* =========================================================
   FLOW
========================================================= */

.ekara-resilience-flow {

  position: relative;

  display: grid;

  grid-template-columns:
    repeat(5, minmax(0, 1fr));

  gap: 13px;

  padding-top: 35px;
}


/* =========================================================
   FLOW TRACK
========================================================= */

.ekara-resilience-flow__track {

  position: absolute;

  top: 11px;

  left: 8%;
  right: 8%;

  height: 5px;

  z-index: 0;
}


.ekara-resilience-flow__track-base {

  position: absolute;

  inset: 0;

  border-radius: 999px;

  background:
    #dfeaea;
}


.ekara-resilience-flow__track-progress {

  position: absolute;

  inset: 0;

  border-radius: 999px;

  background:
    linear-gradient(
      90deg,
      var(--res-teal),
      var(--res-teal-bright),
      var(--res-green)
    );

  opacity: 0.72;
}


.ekara-resilience-flow__pulse {

  position: absolute;

  top: 50%;
  left: 0;

  width: 13px;
  height: 13px;

  border:
    3px solid #ffffff;

  border-radius: 50%;

  background:
    var(--res-teal);

  box-shadow:
    0 0 0 5px
    rgba(0, 170, 168, 0.12),
    0 0 18px
    rgba(0, 170, 168, 0.45);

  transform:
    translateY(-50%);

  animation:
    resilienceTravel
    8s ease-in-out infinite;
}


/* =========================================================
   STEP CARD
========================================================= */

.ekara-resilience-step {

  position: relative;

  z-index: 2;

  min-height: 285px;

  padding:
    17px 16px 20px;

  border:
    1px solid
    #e0ebeb;

  border-radius: 18px;

  background:
    #ffffff;

  box-shadow:
    0 10px 28px
    rgba(0, 63, 67, 0.045);

  transition:
    transform 0.28s ease,
    border-color 0.28s ease,
    box-shadow 0.28s ease;
}


.ekara-resilience-step:hover {

  transform:
    translateY(-7px);

  border-color:
    rgba(0, 170, 168, 0.25);

  box-shadow:
    0 22px 45px
    rgba(0, 63, 67, 0.09);
}


/* FEATURED */

.ekara-resilience-step--featured {

  border-color:
    rgba(0, 170, 168, 0.24);

  background:
    linear-gradient(
      160deg,
      #ffffff 0%,
      #f1fcfb 100%
    );

  box-shadow:
    0 17px 38px
    rgba(0, 170, 168, 0.10);
}


/* =========================================================
   STEP TOP
========================================================= */

.ekara-resilience-step__top {

  display: flex;

  align-items: center;

  justify-content: space-between;

  gap: 10px;
}


.ekara-resilience-step__number {

  color:
    #a4b6b7;

  font-size: 9px;

  font-weight: 900;

  letter-spacing: 0.08em;
}


.ekara-resilience-step__status {

  width: 21px;
  height: 21px;

  display: flex;

  align-items: center;

  justify-content: center;

  border-radius: 50%;

  background:
    #eaf8f3;

  color:
    var(--res-green);

  font-size: 9px;

  font-weight: 900;
}


/* =========================================================
   NODE
========================================================= */

.ekara-resilience-step__node {

  width: 48px;
  height: 48px;

  margin:
    21px 0 17px;

  display: flex;

  align-items: center;

  justify-content: center;

  border-radius: 14px;

  background:
    var(--res-teal-light);

  color:
    var(--res-teal);

  transition:
    background 0.25s ease,
    color 0.25s ease,
    transform 0.25s ease;
}


.ekara-resilience-step:hover
.ekara-resilience-step__node {

  transform:
    scale(1.06);

  background:
    var(--res-dark);

  color:
    var(--res-teal-bright);
}


.ekara-resilience-step--featured
.ekara-resilience-step__node {

  background:
    var(--res-dark);

  color:
    var(--res-teal-bright);

  box-shadow:
    0 9px 22px
    rgba(0, 63, 67, 0.15);
}


.ekara-resilience-step__node svg {

  width: 22px;
  height: 22px;

  fill: none;

  stroke:
    currentColor;

  stroke-width: 1.8;

  stroke-linecap: round;

  stroke-linejoin: round;
}


/* =========================================================
   STEP CONTENT
========================================================= */

.ekara-resilience-step__label {

  display: block;

  margin-bottom: 5px;

  color:
    var(--res-teal);

  font-size: 8px;

  font-weight: 900;

  letter-spacing: 0.07em;

  text-transform: uppercase;
}


.ekara-resilience-step h3 {

  margin:
    0 0 9px;

  color:
    var(--res-dark);

  font-size: 21px;

  font-weight: 900;

  letter-spacing:
    -0.025em;
}


.ekara-resilience-step p {

  margin: 0;

  color:
    var(--res-text);

  font-size: 11px;

  line-height: 1.65;
}


/* =========================================================
   FEATURED BADGE
========================================================= */

.ekara-resilience-step__badge {

  position: absolute;

  top: -10px;
  right: 15px;

  padding:
    5px 8px;

  border-radius: 999px;

  background:
    var(--res-dark);

  color:
    #ffffff;

  box-shadow:
    0 8px 20px
    rgba(0, 63, 67, 0.15);

  font-size: 7px;

  font-weight: 900;

  letter-spacing: 0.08em;

  text-transform: uppercase;
}


/* =========================================================
   RESULT
========================================================= */

.ekara-resilience-result {

  margin-top: 23px;

  display: grid;

  grid-template-columns:
    auto 1fr auto;

  align-items: center;

  gap: 16px;

  padding:
    18px 20px;

  border-radius: 15px;

  background:
    linear-gradient(
      135deg,
      var(--res-dark-deep),
      var(--res-dark)
    );

  box-shadow:
    0 17px 35px
    rgba(0, 46, 51, 0.13);
}


.ekara-resilience-result__icon {

  width: 40px;
  height: 40px;

  display: flex;

  align-items: center;

  justify-content: center;

  border-radius: 11px;

  background:
    rgba(24, 213, 209, 0.11);

  color:
    #8ffff6;
}


.ekara-resilience-result__icon svg {

  width: 20px;
  height: 20px;

  fill: none;

  stroke:
    currentColor;

  stroke-width: 1.8;

  stroke-linecap: round;

  stroke-linejoin: round;
}


.ekara-resilience-result > div:nth-child(2) > span {

  display: block;

  margin-bottom: 3px;

  color:
    var(--res-teal-bright);

  font-size: 8px;

  font-weight: 900;

  letter-spacing: 0.07em;

  text-transform: uppercase;
}


.ekara-resilience-result > div:nth-child(2) strong {

  color:
    #ffffff;

  font-size: 12px;

  line-height: 1.45;
}


/* =========================================================
   RESULT METRICS
========================================================= */

.ekara-resilience-result__metrics {

  display: flex;

  align-items: center;

  gap: 17px;
}


.ekara-resilience-result__metrics > div {

  text-align: center;
}


.ekara-resilience-result__metrics span {

  display: block;

  color:
    #ffffff;

  font-size: 13px;

  font-weight: 900;
}


.ekara-resilience-result__metrics small {

  display: block;

  margin-top: 2px;

  color:
    rgba(255, 255, 255, 0.52);

  font-size: 7px;

  text-transform: uppercase;
}


.ekara-resilience-result__divider {

  width: 1px;
  height: 30px;

  background:
    rgba(255, 255, 255, 0.13);
}


/* =========================================================
   ANIMATIONS
========================================================= */

@keyframes resilienceTravel {

  0% {

    left: 0%;
  }

  20% {

    left: 24%;
  }

  40% {

    left: 49%;
  }

  60% {

    left: 74%;
  }

  80%,
  100% {

    left: calc(100% - 13px);
  }

}


@keyframes resilienceStatusPulse {

  0%,
  100% {

    opacity: 1;

    transform:
      scale(1);
  }

  50% {

    opacity: 0.5;

    transform:
      scale(0.8);
  }

}


/* =========================================================
   LAPTOP
========================================================= */

@media (max-width: 1280px) {

  .ekara-resilience-container {

    width:
      min(
        calc(100% - 48px),
        1180px
      );
  }


  .ekara-resilience-flow {

    gap: 10px;
  }


  .ekara-resilience-step {

    padding:
      15px 13px 18px;
  }


  .ekara-resilience-step h3 {

    font-size: 19px;
  }

}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 1000px) {

  .ekara-resilience-section {

    padding:
      90px 0;
  }


  .ekara-resilience-container {

    width:
      min(
        calc(100% - 48px),
        820px
      );
  }


  .ekara-resilience-flow {

    grid-template-columns:
      repeat(2, minmax(0, 1fr));

    gap: 14px;

    padding-top: 0;
  }


  .ekara-resilience-flow__track {

    display: none;
  }


  .ekara-resilience-step {

    min-height: 250px;
  }


  .ekara-resilience-step:last-child {

    grid-column:
      1 / -1;

    min-height: auto;
  }


  .ekara-resilience-result {

    grid-template-columns:
      auto 1fr;
  }


  .ekara-resilience-result__metrics {

    grid-column:
      2;

    justify-self: start;

    margin-top: 5px;
  }

}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 650px) {

  .ekara-resilience-section {

    padding:
      70px 0;
  }


  .ekara-resilience-container {

    width:
      calc(100% - 30px);
  }


  .ekara-resilience-intro {

    margin-bottom: 45px;
  }


  .ekara-resilience-title {

    font-size:
      clamp(
        34px,
        10vw,
        44px
      );
  }


  .ekara-resilience-intro__text p {

    font-size: 14px;
  }


  .ekara-resilience-statement {

    align-items: flex-start;

    padding: 16px;
  }


  .ekara-resilience-journey {

    padding:
      20px 15px;

    border-radius: 21px;
  }


  .ekara-resilience-journey__header {

    align-items: flex-start;

    flex-direction: column;

    gap: 12px;
  }


  .ekara-resilience-flow {

    grid-template-columns:
      1fr;

    gap: 11px;
  }


  .ekara-resilience-step {

    min-height: auto;

    display: grid;

    grid-template-columns:
      auto 1fr;

    column-gap: 14px;

    padding: 17px;
  }


  .ekara-resilience-step:last-child {

    grid-column: auto;
  }


  .ekara-resilience-step__top {

    grid-column:
      1 / -1;
  }


  .ekara-resilience-step__node {

    grid-column: 1;

    margin:
      17px 0 0;
  }


  .ekara-resilience-step__content {

    grid-column: 2;

    margin-top: 17px;
  }


  .ekara-resilience-result {

    grid-template-columns:
      auto 1fr;

    align-items: flex-start;

    padding: 17px;
  }


  .ekara-resilience-result__metrics {

    grid-column:
      1 / -1;

    width: 100%;

    margin-top: 8px;

    padding-top: 14px;

    justify-content: center;

    border-top:
      1px solid
      rgba(255, 255, 255, 0.10);
  }

}


/* =========================================================
   ACCESSIBILITY
========================================================= */

@media (prefers-reduced-motion: reduce) {

  .ekara-resilience-section *,
  .ekara-resilience-section *::before,
  .ekara-resilience-section *::after {

    animation-duration:
      0.01ms !important;

    animation-iteration-count:
      1 !important;
  }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-c8f6543 *//* =========================================================
   EKARA — MFA MONITORING
   USER AUTHENTICATION EXPERIENCE
========================================================= */

.ekara-mfa-section {

  --mfa-dark: #003f43;
  --mfa-dark-deep: #002d31;

  --mfa-teal: #00aaa8;
  --mfa-teal-bright: #18d5d1;
  --mfa-teal-light: #e8fafa;

  --mfa-green: #20ad7b;
  --mfa-green-light: #eaf8f3;

  --mfa-text: #40585a;
  --mfa-muted: #74898b;

  position: relative;

  left: 50%;

  width: 100vw;
  max-width: 100vw;

  margin-left: -50vw;
  margin-right: -50vw;

  padding: 115px 0 105px;

  overflow: hidden;

  background:
    radial-gradient(
      circle at 82% 17%,
      rgba(24, 213, 209, 0.075),
      transparent 27%
    ),
    radial-gradient(
      circle at 8% 75%,
      rgba(0, 170, 168, 0.04),
      transparent 24%
    ),
    linear-gradient(
      180deg,
      #ffffff 0%,
      #fbfefe 55%,
      #f5fbfb 100%
    );

  font-family:
    Inter,
    Arial,
    Helvetica,
    sans-serif;
}


/* =========================================================
   ELEMENTOR FULL WIDTH
========================================================= */

.elementor-section:has(.ekara-mfa-section),
.elementor-container:has(.ekara-mfa-section),
.elementor-widget:has(.ekara-mfa-section),
.elementor-widget-container:has(.ekara-mfa-section),
.e-con:has(.ekara-mfa-section),
.e-con-inner:has(.ekara-mfa-section) {

  width: 100% !important;
  max-width: none !important;

  margin-left: 0 !important;
  margin-right: 0 !important;

  padding-left: 0 !important;
  padding-right: 0 !important;

  overflow: visible !important;
}


/* =========================================================
   BACKGROUND
========================================================= */

.ekara-mfa-bg {

  position: absolute;

  inset: 0;

  pointer-events: none;

  overflow: hidden;
}


.ekara-mfa-bg::before {

  content: "";

  position: absolute;

  top: 0;
  right: 0;

  width: 48%;
  height: 65%;

  background-image:
    radial-gradient(
      rgba(0, 170, 168, 0.10) 1px,
      transparent 1px
    );

  background-size: 22px 22px;

  mask-image:
    radial-gradient(
      circle at center,
      #000,
      transparent 68%
    );

  -webkit-mask-image:
    radial-gradient(
      circle at center,
      #000,
      transparent 68%
    );

  opacity: 0.42;
}


.ekara-mfa-bg__circle {

  position: absolute;

  border-radius: 50%;

  border:
    1px solid
    rgba(0, 170, 168, 0.065);
}


.ekara-mfa-bg__circle--one {

  width: 620px;
  height: 620px;

  top: 80px;
  right: -260px;

  box-shadow:
    0 0 0 90px
    rgba(0, 170, 168, 0.018),
    0 0 0 180px
    rgba(0, 170, 168, 0.012);
}


.ekara-mfa-bg__circle--two {

  width: 250px;
  height: 250px;

  bottom: 80px;
  left: -120px;
}


.ekara-mfa-bg__glow {

  position: absolute;

  width: 450px;
  height: 450px;

  right: 7%;
  top: 7%;

  border-radius: 50%;

  background:
    rgba(24, 213, 209, 0.055);

  filter: blur(45px);
}


/* =========================================================
   MAIN CONTAINER
========================================================= */

.ekara-mfa-container {

  position: relative;

  z-index: 2;

  width:
    min(
      calc(100% - 64px),
      1400px
    );

  margin: 0 auto;
}


/* =========================================================
   TOP GRID
========================================================= */

.ekara-mfa-top {

  display: grid;

  grid-template-columns:
    minmax(470px, 0.92fr)
    minmax(520px, 1.08fr);

  align-items: center;

  gap:
    clamp(
      65px,
      7vw,
      115px
    );
}


/* =========================================================
   LEFT CONTENT
========================================================= */

.ekara-mfa-content {

  width: 100%;

  max-width: 680px;
}


/* EYEBROW */

.ekara-mfa-eyebrow {

  width: fit-content;

  display: inline-flex;

  align-items: center;

  gap: 9px;

  margin-bottom: 20px;

  padding:
    7px 12px 7px 8px;

  border:
    1px solid
    rgba(0, 170, 168, 0.15);

  border-radius: 999px;

  background:
    var(--mfa-teal-light);

  color:
    var(--mfa-teal);

  font-size: 10px;

  font-weight: 900;

  letter-spacing: 0.07em;

  text-transform: uppercase;
}


.ekara-mfa-eyebrow__icon {

  width: 25px;
  height: 25px;

  display: flex;

  align-items: center;
  justify-content: center;

  border-radius: 50%;

  background:
    var(--mfa-dark);

  color:
    var(--mfa-teal-bright);
}


.ekara-mfa-eyebrow__icon svg {

  width: 13px;
  height: 13px;

  fill: none;

  stroke:
    currentColor;

  stroke-width: 1.8;

  stroke-linecap: round;

  stroke-linejoin: round;
}


/* =========================================================
   TITLE
========================================================= */

.ekara-mfa-title {

  max-width: 680px;

  margin: 0;

  color:
    var(--mfa-dark);

  font-size:
    clamp(
      40px,
      3.8vw,
      58px
    );

  font-weight: 900;

  line-height: 1.06;

  letter-spacing:
    -0.048em;
}


.ekara-mfa-title strong {

  display: block;

  margin-top: 6px;

  color:
    var(--mfa-teal);

  font-weight: 900;
}


/* =========================================================
   DESCRIPTION
========================================================= */

.ekara-mfa-description {

  max-width: 640px;

  margin-top: 28px;
}


.ekara-mfa-description p {

  margin:
    0 0 12px;

  color:
    var(--mfa-text);

  font-size: 15px;

  line-height: 1.72;
}


.ekara-mfa-description strong {

  color:
    var(--mfa-dark);

  font-weight: 850;
}


/* =========================================================
   HIGHLIGHT
========================================================= */

.ekara-mfa-highlight {

  display: flex;

  align-items: center;

  gap: 14px;

  margin-top: 27px;

  padding:
    17px 19px;

  border:
    1px solid
    rgba(0, 170, 168, 0.18);

  border-radius: 15px;

  background:
    linear-gradient(
      135deg,
      #f0fcfb,
      #ffffff
    );

  box-shadow:
    0 13px 30px
    rgba(0, 63, 67, 0.045);
}


.ekara-mfa-highlight__icon {

  width: 38px;
  height: 38px;

  flex:
    0 0 38px;

  display: flex;

  align-items: center;
  justify-content: center;

  border-radius: 11px;

  background:
    var(--mfa-dark);

  color:
    var(--mfa-teal-bright);
}


.ekara-mfa-highlight__icon svg {

  width: 19px;
  height: 19px;

  fill: none;

  stroke:
    currentColor;

  stroke-width: 1.8;

  stroke-linecap: round;

  stroke-linejoin: round;
}


.ekara-mfa-highlight p {

  margin: 0;

  color:
    var(--mfa-text);

  font-size: 13px;

  line-height: 1.55;
}


.ekara-mfa-highlight strong {

  color:
    var(--mfa-dark);

  font-weight: 900;
}


/* =========================================================
   RIGHT VISUAL
========================================================= */

.ekara-mfa-visual {

  position: relative;

  width: 100%;

  max-width: 650px;

  justify-self: end;
}


.ekara-mfa-visual__glow {

  position: absolute;

  width: 80%;
  height: 80%;

  top: 10%;
  left: 10%;

  border-radius: 50%;

  background:
    rgba(0, 170, 168, 0.10);

  filter: blur(60px);
}


/* =========================================================
   MONITOR PANEL
========================================================= */

.ekara-mfa-monitor {

  position: relative;

  z-index: 2;

  width: 100%;

  padding: 25px;

  border:
    1px solid
    #dce9e9;

  border-radius: 26px;

  background:
    rgba(255, 255, 255, 0.96);

  box-shadow:
    0 35px 90px
    rgba(0, 63, 67, 0.12),
    0 4px 16px
    rgba(0, 63, 67, 0.04);
}


/* =========================================================
   MONITOR HEADER
========================================================= */

.ekara-mfa-monitor__header {

  display: flex;

  align-items: center;

  justify-content: space-between;

  gap: 20px;

  padding-bottom: 18px;

  border-bottom:
    1px solid
    #e7eeee;
}


.ekara-mfa-monitor__brand {

  display: flex;

  align-items: center;

  gap: 9px;
}


.ekara-mfa-monitor__logo {

  width: 32px;
  height: 32px;

  display: flex;

  align-items: center;
  justify-content: center;

  border-radius: 9px;

  background:
    linear-gradient(
      135deg,
      var(--mfa-dark),
      #00686b
    );

  color:
    var(--mfa-teal-bright);

  font-size: 14px;

  font-weight: 950;
}


.ekara-mfa-monitor__brand div > span {

  display: block;

  color:
    var(--mfa-dark);

  font-size: 11px;

  font-weight: 900;
}


.ekara-mfa-monitor__brand small {

  display: block;

  margin-top: 1px;

  color:
    var(--mfa-muted);

  font-size: 7px;
}


.ekara-mfa-monitor__status {

  display: inline-flex;

  align-items: center;

  gap: 7px;

  padding:
    7px 10px;

  border-radius: 999px;

  background:
    var(--mfa-green-light);

  color:
    var(--mfa-green);

  font-size: 7px;

  font-weight: 900;

  letter-spacing: 0.04em;

  text-transform: uppercase;
}


.ekara-mfa-monitor__status > span {

  width: 6px;
  height: 6px;

  border-radius: 50%;

  background:
    var(--mfa-green);

  box-shadow:
    0 0 0 4px
    rgba(32, 173, 123, 0.08);

  animation:
    mfaStatusPulse
    2s ease-in-out infinite;
}


/* =========================================================
   JOURNEY HEADER
========================================================= */

.ekara-mfa-monitor__journey-head {

  display: flex;

  align-items: center;

  justify-content: space-between;

  gap: 20px;

  padding:
    21px 0 18px;
}


.ekara-mfa-monitor__label {

  display: block;

  margin-bottom: 4px;

  color:
    var(--mfa-muted);

  font-size: 7px;

  font-weight: 850;

  letter-spacing: 0.07em;

  text-transform: uppercase;
}


.ekara-mfa-monitor__journey-head strong {

  color:
    var(--mfa-dark);

  font-size: 14px;

  font-weight: 900;
}


.ekara-mfa-monitor__availability {

  text-align: right;
}


.ekara-mfa-monitor__availability span {

  display: block;

  color:
    var(--mfa-green);

  font-size: 16px;

  font-weight: 950;
}


.ekara-mfa-monitor__availability small {

  display: block;

  color:
    var(--mfa-muted);

  font-size: 7px;
}


/* =========================================================
   JOURNEY
========================================================= */

.ekara-mfa-monitor__journey {

  position: relative;

  padding:
    17px;

  border:
    1px solid
    #e2ecec;

  border-radius: 18px;

  background:
    #f9fcfc;
}


/* =========================================================
   JOURNEY STEP
========================================================= */

.ekara-mfa-monitor__step {

  display: grid;

  grid-template-columns:
    auto auto 1fr auto;

  align-items: center;

  gap: 11px;

  padding:
    12px 13px;

  border:
    1px solid
    #e2ebeb;

  border-radius: 12px;

  background:
    #ffffff;

  box-shadow:
    0 5px 14px
    rgba(0, 63, 67, 0.025);
}


.ekara-mfa-monitor__step--mfa {

  border-color:
    rgba(0, 170, 168, 0.28);

  background:
    linear-gradient(
      135deg,
      #f0fcfb,
      #ffffff
    );

  box-shadow:
    0 9px 25px
    rgba(0, 170, 168, 0.07);
}


.ekara-mfa-monitor__step-number {

  color:
    #9caeaf;

  font-size: 7px;

  font-weight: 900;
}


.ekara-mfa-monitor__step-icon {

  width: 32px;
  height: 32px;

  display: flex;

  align-items: center;
  justify-content: center;

  border-radius: 9px;

  background:
    var(--mfa-teal-light);

  color:
    var(--mfa-teal);
}


.ekara-mfa-monitor__step-icon svg {

  width: 16px;
  height: 16px;

  fill: none;

  stroke:
    currentColor;

  stroke-width: 1.8;

  stroke-linecap: round;

  stroke-linejoin: round;
}


.ekara-mfa-monitor__step--mfa
.ekara-mfa-monitor__step-icon {

  background:
    var(--mfa-dark);

  color:
    var(--mfa-teal-bright);
}


.ekara-mfa-monitor__step-content span {

  display: block;

  margin-bottom: 2px;

  color:
    var(--mfa-muted);

  font-size: 7px;

  text-transform: uppercase;
}


.ekara-mfa-monitor__step-content strong {

  display: block;

  color:
    var(--mfa-dark);

  font-size: 10px;

  font-weight: 850;
}


.ekara-mfa-monitor__step-check {

  width: 24px;
  height: 24px;

  display: flex;

  align-items: center;
  justify-content: center;

  border-radius: 50%;

  background:
    var(--mfa-green-light);

  color:
    var(--mfa-green);

  font-size: 9px;

  font-weight: 900;
}


.ekara-mfa-monitor__step-live {

  padding:
    6px 8px;

  border-radius: 999px;

  background:
    var(--mfa-teal-light);

  color:
    var(--mfa-teal);

  font-size: 7px;

  font-weight: 900;

  text-transform: uppercase;
}


/* =========================================================
   CONNECTOR
========================================================= */

.ekara-mfa-monitor__connector {

  position: relative;

  width: 2px;
  height: 18px;

  margin:
    0 0 0 51px;

  background:
    #dce8e8;
}


.ekara-mfa-monitor__connector span {

  position: absolute;

  top: 0;
  left: 0;

  width: 100%;
  height: 100%;
}


.ekara-mfa-monitor__connector--active {

  background:
    rgba(0, 170, 168, 0.38);
}


/* =========================================================
   OTP
========================================================= */

.ekara-mfa-monitor__otp {

  margin:
    9px 0 9px 51px;

  padding:
    13px;

  border:
    1px dashed
    rgba(0, 170, 168, 0.25);

  border-radius: 11px;

  background:
    rgba(232, 250, 250, 0.55);
}


.ekara-mfa-monitor__otp-head {

  display: flex;

  align-items: center;

  justify-content: space-between;

  gap: 10px;

  margin-bottom: 9px;
}


.ekara-mfa-monitor__otp-head span {

  color:
    var(--mfa-dark);

  font-size: 8px;

  font-weight: 850;
}


.ekara-mfa-monitor__otp-head small {

  color:
    var(--mfa-teal);

  font-size: 6px;

  font-weight: 800;
}


.ekara-mfa-monitor__otp-code {

  display: grid;

  grid-template-columns:
    repeat(6, 1fr);

  gap: 5px;
}


.ekara-mfa-monitor__otp-code span {

  height: 30px;

  display: flex;

  align-items: center;
  justify-content: center;

  border:
    1px solid
    #d7e7e7;

  border-radius: 7px;

  background:
    #ffffff;

  color:
    var(--mfa-dark);

  font-size: 11px;

  font-weight: 900;

  box-shadow:
    0 3px 8px
    rgba(0, 63, 67, 0.025);
}


.ekara-mfa-monitor__otp-validation {

  display: flex;

  align-items: center;

  gap: 5px;

  margin-top: 8px;

  color:
    var(--mfa-green);

  font-size: 7px;

  font-weight: 850;
}


.ekara-mfa-monitor__otp-validation span {

  width: 15px;
  height: 15px;

  display: flex;

  align-items: center;
  justify-content: center;

  border-radius: 50%;

  background:
    var(--mfa-green-light);

  font-size: 6px;
}


/* =========================================================
   SUCCESS
========================================================= */

.ekara-mfa-monitor__success {

  display: grid;

  grid-template-columns:
    auto 1fr auto;

  align-items: center;

  gap: 11px;

  margin-top: 15px;

  padding:
    13px 14px;

  border-radius: 12px;

  background:
    linear-gradient(
      135deg,
      var(--mfa-dark-deep),
      var(--mfa-dark)
    );
}


.ekara-mfa-monitor__success-icon {

  width: 32px;
  height: 32px;

  display: flex;

  align-items: center;
  justify-content: center;

  border-radius: 9px;

  background:
    rgba(32, 173, 123, 0.14);

  color:
    #68e4b4;

  font-size: 11px;

  font-weight: 900;
}


.ekara-mfa-monitor__success div:nth-child(2) span {

  display: block;

  margin-bottom: 2px;

  color:
    var(--mfa-teal-bright);

  font-size: 6px;

  font-weight: 850;

  text-transform: uppercase;
}


.ekara-mfa-monitor__success div:nth-child(2) strong {

  display: block;

  color:
    #ffffff;

  font-size: 9px;

  font-weight: 850;
}


.ekara-mfa-monitor__duration {

  text-align: right;
}


.ekara-mfa-monitor__duration span {

  display: block;

  color:
    #ffffff;

  font-size: 12px;

  font-weight: 900;
}


.ekara-mfa-monitor__duration small {

  display: block;

  margin-top: 2px;

  color:
    rgba(255, 255, 255, 0.45);

  font-size: 6px;
}


/* =========================================================
   METHODS
========================================================= */

.ekara-mfa-methods {

  margin-top: 105px;
}


/* METHODS INTRO */

.ekara-mfa-methods__intro {

  max-width: 700px;

  margin:
    0 auto 42px;

  text-align: center;
}


.ekara-mfa-methods__intro > span {

  display: block;

  margin-bottom: 8px;

  color:
    var(--mfa-teal);

  font-size: 9px;

  font-weight: 900;

  letter-spacing: 0.08em;

  text-transform: uppercase;
}


.ekara-mfa-methods__intro h3 {

  margin: 0;

  color:
    var(--mfa-dark);

  font-size:
    clamp(
      26px,
      2.6vw,
      38px
    );

  font-weight: 900;

  line-height: 1.15;

  letter-spacing:
    -0.035em;
}


.ekara-mfa-methods__intro h3 strong {

  color:
    var(--mfa-teal);
}


.ekara-mfa-methods__intro p {

  margin:
    14px auto 0;

  color:
    var(--mfa-text);

  font-size: 13px;

  line-height: 1.6;
}


/* =========================================================
   METHODS GRID
========================================================= */

.ekara-mfa-methods__grid {

  display: grid;

  grid-template-columns:
    repeat(3, minmax(0, 1fr));

  gap: 17px;
}


/* =========================================================
   METHOD CARD
========================================================= */

.ekara-mfa-method {

  position: relative;

  min-height: 310px;

  padding:
    23px;

  display: flex;

  flex-direction: column;

  border:
    1px solid
    #dfeaea;

  border-radius: 19px;

  background:
    #ffffff;

  box-shadow:
    0 12px 32px
    rgba(0, 63, 67, 0.045);

  transition:
    transform 0.28s ease,
    box-shadow 0.28s ease,
    border-color 0.28s ease;
}


.ekara-mfa-method:hover {

  transform:
    translateY(-6px);

  border-color:
    rgba(0, 170, 168, 0.24);

  box-shadow:
    0 25px 50px
    rgba(0, 63, 67, 0.085);
}


.ekara-mfa-method--featured {

  border-color:
    rgba(0, 170, 168, 0.24);

  background:
    linear-gradient(
      155deg,
      #ffffff,
      #f0fcfb
    );
}


/* =========================================================
   METHOD TOP
========================================================= */

.ekara-mfa-method__top {

  display: flex;

  align-items: center;

  justify-content: space-between;

  gap: 15px;

  margin-bottom: 19px;
}


.ekara-mfa-method__icon {

  width: 46px;
  height: 46px;

  display: flex;

  align-items: center;
  justify-content: center;

  border-radius: 13px;

  background:
    var(--mfa-teal-light);

  color:
    var(--mfa-teal);
}


.ekara-mfa-method--featured
.ekara-mfa-method__icon {

  background:
    var(--mfa-dark);

  color:
    var(--mfa-teal-bright);
}


.ekara-mfa-method__icon svg {

  width: 22px;
  height: 22px;

  fill: none;

  stroke:
    currentColor;

  stroke-width: 1.8;

  stroke-linecap: round;

  stroke-linejoin: round;
}


.ekara-mfa-method__tag {

  padding:
    6px 9px;

  border-radius: 999px;

  background:
    #f0f7f7;

  color:
    var(--mfa-muted);

  font-size: 7px;

  font-weight: 900;

  letter-spacing: 0.07em;

  text-transform: uppercase;
}


/* =========================================================
   METHOD CONTENT
========================================================= */

.ekara-mfa-method h3 {

  margin:
    0 0 10px;

  color:
    var(--mfa-dark);

  font-size: 18px;

  font-weight: 900;

  line-height: 1.25;
}


.ekara-mfa-method > p {

  margin:
    0 0 22px;

  color:
    var(--mfa-text);

  font-size: 11px;

  line-height: 1.7;
}


/* =========================================================
   METHOD DEMO
========================================================= */

.ekara-mfa-method__demo {

  margin-top: auto;

  display: grid;

  grid-template-columns:
    1fr auto 1fr;

  align-items: center;

  gap: 8px;

  padding:
    11px;

  border:
    1px solid
    #e4eded;

  border-radius: 11px;

  background:
    #f9fcfc;
}


.ekara-mfa-method__demo-source,
.ekara-mfa-method__demo-result {

  display: flex;

  align-items: center;

  gap: 6px;

  color:
    var(--mfa-text);

  font-size: 7px;

  font-weight: 800;
}


.ekara-mfa-method__demo-icon {

  min-width: 25px;
  height: 25px;

  padding:
    0 5px;

  display: flex;

  align-items: center;
  justify-content: center;

  border-radius: 7px;

  background:
    var(--mfa-teal-light);

  color:
    var(--mfa-teal);

  font-size: 6px;

  font-weight: 900;
}


.ekara-mfa-method__demo-arrow {

  color:
    var(--mfa-teal);

  font-size: 12px;
}


.ekara-mfa-method__demo-result {

  justify-content: flex-end;

  color:
    var(--mfa-green);
}


.ekara-mfa-method__demo-result span {

  width: 20px;
  height: 20px;

  display: flex;

  align-items: center;
  justify-content: center;

  border-radius: 50%;

  background:
    var(--mfa-green-light);

  font-size: 7px;
}


/* =========================================================
   FEATURED LABEL
========================================================= */

.ekara-mfa-method__featured-label {

  position: absolute;

  top: -10px;
  right: 18px;

  padding:
    5px 9px;

  border-radius: 999px;

  background:
    var(--mfa-dark);

  color:
    #ffffff;

  box-shadow:
    0 7px 18px
    rgba(0, 63, 67, 0.14);

  font-size: 6px;

  font-weight: 900;

  letter-spacing: 0.07em;

  text-transform: uppercase;
}


/* =========================================================
   CONCLUSION
========================================================= */

.ekara-mfa-conclusion {

  margin-top: 65px;

  display: grid;

  grid-template-columns:
    minmax(380px, 0.8fr)
    minmax(400px, 1.2fr);

  align-items: center;

  gap: 45px;

  padding:
    29px 34px;

  border-radius: 21px;

  background:
    linear-gradient(
      135deg,
      var(--mfa-dark-deep),
      #00575b
    );

  box-shadow:
    0 25px 60px
    rgba(0, 46, 49, 0.15);
}


/* =========================================================
   CONCLUSION VISUAL
========================================================= */

.ekara-mfa-conclusion__visual {

  display: flex;

  align-items: center;

  justify-content: center;
}


.ekara-mfa-conclusion__node {

  min-width: 75px;

  padding:
    10px 13px;

  border:
    1px solid
    rgba(255, 255, 255, 0.12);

  border-radius: 10px;

  background:
    rgba(255, 255, 255, 0.07);

  color:
    rgba(255, 255, 255, 0.75);

  text-align: center;

  font-size: 8px;

  font-weight: 850;
}


.ekara-mfa-conclusion__node--mfa {

  border-color:
    rgba(24, 213, 209, 0.30);

  background:
    rgba(24, 213, 209, 0.13);

  color:
    #8ffff6;
}


.ekara-mfa-conclusion__node--success {

  border-color:
    rgba(32, 173, 123, 0.28);

  background:
    rgba(32, 173, 123, 0.13);

  color:
    #70e7b9;
}


.ekara-mfa-conclusion__line {

  position: relative;

  width: 50px;
  height: 2px;

  background:
    rgba(24, 213, 209, 0.25);
}


.ekara-mfa-conclusion__line i {

  position: absolute;

  top: 50%;

  width: 7px;
  height: 7px;

  border-radius: 50%;

  background:
    var(--mfa-teal-bright);

  box-shadow:
    0 0 10px
    rgba(24, 213, 209, 0.65);

  transform:
    translateY(-50%);

  animation:
    mfaTravel
    2.4s linear infinite;
}


/* =========================================================
   CONCLUSION CONTENT
========================================================= */

.ekara-mfa-conclusion__content > span {

  display: block;

  margin-bottom: 5px;

  color:
    var(--mfa-teal-bright);

  font-size: 8px;

  font-weight: 900;

  letter-spacing: 0.07em;

  text-transform: uppercase;
}


.ekara-mfa-conclusion__content p {

  margin:
    0 0 4px;

  color:
    rgba(255, 255, 255, 0.63);

  font-size: 11px;

  line-height: 1.5;
}


.ekara-mfa-conclusion__content strong {

  display: block;

  color:
    #ffffff;

  font-size:
    clamp(
      15px,
      1.4vw,
      19px
    );

  font-weight: 850;

  line-height: 1.45;
}


/* =========================================================
   ANIMATIONS
========================================================= */

@keyframes mfaStatusPulse {

  0%,
  100% {
    opacity: 1;
    transform: scale(1);
  }

  50% {
    opacity: 0.5;
    transform: scale(0.8);
  }

}


@keyframes mfaTravel {

  0% {
    left: 0;
  }

  100% {
    left: calc(100% - 7px);
  }

}


/* =========================================================
   LAPTOP
========================================================= */

@media (max-width: 1280px) {

  .ekara-mfa-container {

    width:
      min(
        calc(100% - 48px),
        1180px
      );
  }


  .ekara-mfa-top {

    grid-template-columns:
      minmax(410px, 0.95fr)
      minmax(470px, 1.05fr);

    gap: 50px;
  }


  .ekara-mfa-title {

    font-size:
      clamp(
        39px,
        4vw,
        52px
      );
  }

}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 1024px) {

  .ekara-mfa-section {

    padding:
      90px 0;
  }


  .ekara-mfa-container {

    width:
      min(
        calc(100% - 48px),
        820px
      );
  }


  .ekara-mfa-top {

    grid-template-columns:
      1fr;

    gap: 60px;
  }


  .ekara-mfa-content {

    max-width: 760px;
  }


  .ekara-mfa-visual {

    max-width: 680px;

    justify-self: center;
  }


  .ekara-mfa-methods {

    margin-top: 85px;
  }


  .ekara-mfa-methods__grid {

    grid-template-columns:
      1fr;
  }


  .ekara-mfa-method {

    min-height: auto;
  }


  .ekara-mfa-conclusion {

    grid-template-columns:
      1fr;

    gap: 25px;
  }

}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 650px) {

  .ekara-mfa-section {

    padding:
      70px 0;
  }


  .ekara-mfa-container {

    width:
      calc(100% - 30px);
  }


  .ekara-mfa-title {

    font-size:
      clamp(
        34px,
        10vw,
        44px
      );
  }


  .ekara-mfa-description p {

    font-size: 14px;
  }


  .ekara-mfa-highlight {

    align-items: flex-start;

    padding: 15px;
  }


  .ekara-mfa-monitor {

    padding: 16px;

    border-radius: 20px;
  }


  .ekara-mfa-monitor__header {

    align-items: flex-start;

    flex-direction: column;
  }


  .ekara-mfa-monitor__status {

    align-self: flex-start;
  }


  .ekara-mfa-monitor__journey-head {

    align-items: flex-start;
  }


  .ekara-mfa-monitor__step {

    grid-template-columns:
      auto auto 1fr;
  }


  .ekara-mfa-monitor__step-check,
  .ekara-mfa-monitor__step-live {

    grid-column: 3;

    justify-self: start;
  }


  .ekara-mfa-monitor__otp {

    margin-left: 0;
  }


  .ekara-mfa-monitor__connector {

    margin-left: 33px;
  }


  .ekara-mfa-monitor__success {

    grid-template-columns:
      auto 1fr;
  }


  .ekara-mfa-monitor__duration {

    grid-column:
      2;

    text-align: left;
  }


  .ekara-mfa-methods {

    margin-top: 70px;
  }


  .ekara-mfa-method {

    padding: 19px;
  }


  .ekara-mfa-conclusion {

    padding:
      24px 18px;
  }


  .ekara-mfa-conclusion__visual {

    flex-wrap: nowrap;
  }


  .ekara-mfa-conclusion__node {

    min-width: 62px;

    padding:
      9px 8px;

    font-size: 7px;
  }


  .ekara-mfa-conclusion__line {

    width: 25px;
  }

}


/* =========================================================
   VERY SMALL MOBILE
========================================================= */

@media (max-width: 400px) {

  .ekara-mfa-monitor__journey-head {

    flex-direction: column;

    gap: 10px;
  }


  .ekara-mfa-monitor__availability {

    text-align: left;
  }


  .ekara-mfa-monitor__otp-code {

    gap: 3px;
  }


  .ekara-mfa-monitor__otp-code span {

    height: 27px;

    font-size: 9px;
  }


  .ekara-mfa-method__demo {

    grid-template-columns:
      1fr;

    gap: 8px;
  }


  .ekara-mfa-method__demo-arrow {

    transform:
      rotate(90deg);

    justify-self: center;
  }


  .ekara-mfa-method__demo-result {

    justify-content: flex-start;
  }

}


/* =========================================================
   ACCESSIBILITY
========================================================= */

@media (prefers-reduced-motion: reduce) {

  .ekara-mfa-section *,
  .ekara-mfa-section *::before,
  .ekara-mfa-section *::after {

    animation-duration:
      0.01ms !important;

    animation-iteration-count:
      1 !important;

    scroll-behavior:
      auto !important;
  }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-9ddcbd3 *//* =========================================================
   EKARA — WHY MONITOR MFA
   DARK BENEFITS SECTION
========================================================= */

.ekara-mfa-benefits {

  --benefit-dark: #003f43;
  --benefit-deep: #002f33;

  --benefit-teal: #00aaa8;
  --benefit-bright: #22d8d3;

  --benefit-green: #43d4a0;

  position: relative;

  left: 50%;

  width: 100vw;
  max-width: 100vw;

  margin-left: -50vw;
  margin-right: -50vw;

  padding: 110px 0;

  overflow: hidden;

  background:
    linear-gradient(
      135deg,
      #002f33 0%,
      #003f43 48%,
      #004e51 100%
    );

  font-family:
    Inter,
    Arial,
    Helvetica,
    sans-serif;
}


/* =========================================================
   ELEMENTOR FULL WIDTH
========================================================= */

.elementor-section:has(.ekara-mfa-benefits),
.elementor-container:has(.ekara-mfa-benefits),
.elementor-widget:has(.ekara-mfa-benefits),
.elementor-widget-container:has(.ekara-mfa-benefits),
.e-con:has(.ekara-mfa-benefits),
.e-con-inner:has(.ekara-mfa-benefits) {

  width: 100% !important;
  max-width: none !important;

  margin-left: 0 !important;
  margin-right: 0 !important;

  padding-left: 0 !important;
  padding-right: 0 !important;

  overflow: visible !important;
}


/* =========================================================
   BACKGROUND
========================================================= */

.ekara-mfa-benefits__background {

  position: absolute;

  inset: 0;

  pointer-events: none;

  overflow: hidden;
}


.ekara-mfa-benefits__grid {

  position: absolute;

  inset: 0;

  background-image:
    linear-gradient(
      rgba(255, 255, 255, 0.025) 1px,
      transparent 1px
    ),
    linear-gradient(
      90deg,
      rgba(255, 255, 255, 0.025) 1px,
      transparent 1px
    );

  background-size:
    64px 64px;

  mask-image:
    linear-gradient(
      90deg,
      transparent,
      #000 30%,
      #000 80%,
      transparent
    );

  -webkit-mask-image:
    linear-gradient(
      90deg,
      transparent,
      #000 30%,
      #000 80%,
      transparent
    );
}


.ekara-mfa-benefits__glow {

  position: absolute;

  border-radius: 50%;

  filter: blur(20px);
}


.ekara-mfa-benefits__glow--one {

  width: 600px;
  height: 600px;

  top: -320px;
  right: -180px;

  background:
    rgba(34, 216, 211, 0.09);
}


.ekara-mfa-benefits__glow--two {

  width: 450px;
  height: 450px;

  bottom: -280px;
  left: -160px;

  background:
    rgba(0, 170, 168, 0.08);
}


/* =========================================================
   CONTAINER
========================================================= */

.ekara-mfa-benefits__container {

  position: relative;

  z-index: 2;

  width:
    min(
      calc(100% - 64px),
      1400px
    );

  margin: 0 auto;

  display: grid;

  grid-template-columns:
    minmax(390px, 0.78fr)
    minmax(600px, 1.22fr);

  align-items: center;

  gap:
    clamp(
      70px,
      8vw,
      125px
    );
}


/* =========================================================
   INTRO
========================================================= */

.ekara-mfa-benefits__intro {

  position: relative;

  max-width: 520px;
}


/* =========================================================
   EYEBROW
========================================================= */

.ekara-mfa-benefits__eyebrow {

  display: flex;

  align-items: center;

  gap: 10px;

  margin-bottom: 21px;

  color:
    var(--benefit-bright);

  font-size: 10px;

  font-weight: 900;

  letter-spacing: 0.09em;

  text-transform: uppercase;
}


.ekara-mfa-benefits__eyebrow-line {

  width: 30px;
  height: 2px;

  border-radius: 99px;

  background:
    var(--benefit-bright);
}


/* =========================================================
   TITLE
========================================================= */

.ekara-mfa-benefits__title {

  margin: 0;

  color: #ffffff;

  font-size:
    clamp(
      42px,
      4vw,
      61px
    );

  font-weight: 900;

  line-height: 1.05;

  letter-spacing:
    -0.05em;
}


.ekara-mfa-benefits__title strong {

  display: block;

  margin-top: 6px;

  color:
    var(--benefit-bright);

  font-weight: 900;
}


/* =========================================================
   LEAD
========================================================= */

.ekara-mfa-benefits__lead {

  max-width: 480px;

  margin:
    26px 0 0;

  color:
    rgba(235, 252, 251, 0.68);

  font-size: 15px;

  line-height: 1.7;
}


/* =========================================================
   MINI JOURNEY
========================================================= */

.ekara-mfa-benefits__mini-journey {

  margin-top: 38px;

  padding: 18px;

  border:
    1px solid
    rgba(255, 255, 255, 0.10);

  border-radius: 17px;

  background:
    rgba(255, 255, 255, 0.055);

  box-shadow:
    0 20px 50px
    rgba(0, 0, 0, 0.10);

  backdrop-filter:
    blur(12px);

  -webkit-backdrop-filter:
    blur(12px);
}


/* =========================================================
   MINI HEAD
========================================================= */

.ekara-mfa-benefits__mini-head {

  display: flex;

  align-items: center;

  justify-content: space-between;

  gap: 15px;

  margin-bottom: 18px;
}


.ekara-mfa-benefits__mini-head > div:first-child > span {

  display: block;

  margin-bottom: 3px;

  color:
    rgba(255, 255, 255, 0.40);

  font-size: 7px;

  font-weight: 800;

  letter-spacing: 0.07em;

  text-transform: uppercase;
}


.ekara-mfa-benefits__mini-head strong {

  color:
    #ffffff;

  font-size: 10px;

  font-weight: 850;
}


.ekara-mfa-benefits__live {

  display: flex;

  align-items: center;

  gap: 6px;

  padding:
    6px 9px;

  border-radius: 999px;

  background:
    rgba(67, 212, 160, 0.10);

  color:
    var(--benefit-green);

  font-size: 7px;

  font-weight: 900;
}


.ekara-mfa-benefits__live i {

  width: 6px;
  height: 6px;

  border-radius: 50%;

  background:
    var(--benefit-green);

  box-shadow:
    0 0 0 4px
    rgba(67, 212, 160, 0.09);

  animation:
    benefitPulse
    2s ease-in-out infinite;
}


/* =========================================================
   MINI FLOW
========================================================= */

.ekara-mfa-benefits__mini-flow {

  display: grid;

  grid-template-columns:
    1fr 35px 1fr 35px 1fr;

  align-items: center;
}


.ekara-mfa-benefits__mini-step {

  padding:
    11px 7px;

  border:
    1px solid
    rgba(255, 255, 255, 0.08);

  border-radius: 10px;

  background:
    rgba(255, 255, 255, 0.045);

  text-align: center;
}


.ekara-mfa-benefits__mini-step--active {

  border-color:
    rgba(34, 216, 211, 0.25);

  background:
    rgba(34, 216, 211, 0.09);

  box-shadow:
    0 0 25px
    rgba(34, 216, 211, 0.07);
}


.ekara-mfa-benefits__mini-icon {

  width: 27px;
  height: 27px;

  margin:
    0 auto 6px;

  display: flex;

  align-items: center;
  justify-content: center;

  border-radius: 8px;

  background:
    rgba(34, 216, 211, 0.10);

  color:
    var(--benefit-bright);
}


.ekara-mfa-benefits__mini-icon svg {

  width: 14px;
  height: 14px;

  fill: none;

  stroke:
    currentColor;

  stroke-width: 1.8;

  stroke-linecap: round;

  stroke-linejoin: round;
}


.ekara-mfa-benefits__mini-step > span:nth-child(2) {

  display: block;

  color:
    rgba(255, 255, 255, 0.82);

  font-size: 7px;

  font-weight: 800;
}


.ekara-mfa-benefits__mini-step small {

  display: block;

  margin-top: 3px;

  color:
    var(--benefit-green);

  font-size: 7px;

  font-weight: 900;
}


/* =========================================================
   MINI LINE
========================================================= */

.ekara-mfa-benefits__mini-line {

  position: relative;

  height: 2px;

  overflow: hidden;

  background:
    rgba(255, 255, 255, 0.10);
}


.ekara-mfa-benefits__mini-line i {

  position: absolute;

  top: 0;
  left: -100%;

  width: 100%;
  height: 100%;

  background:
    linear-gradient(
      90deg,
      transparent,
      var(--benefit-bright),
      transparent
    );

  animation:
    benefitLine
    2.5s linear infinite;
}


/* =========================================================
   MINI RESULT
========================================================= */

.ekara-mfa-benefits__mini-result {

  display: flex;

  align-items: center;

  gap: 9px;

  margin-top: 13px;

  padding:
    10px 11px;

  border-radius: 9px;

  background:
    rgba(67, 212, 160, 0.07);
}


.ekara-mfa-benefits__mini-result-icon {

  width: 24px;
  height: 24px;

  flex:
    0 0 24px;

  display: flex;

  align-items: center;
  justify-content: center;

  border-radius: 7px;

  background:
    rgba(67, 212, 160, 0.12);

  color:
    var(--benefit-green);

  font-size: 8px;

  font-weight: 900;
}


.ekara-mfa-benefits__mini-result div > span {

  display: block;

  color:
    rgba(255, 255, 255, 0.40);

  font-size: 6px;

  text-transform: uppercase;
}


.ekara-mfa-benefits__mini-result strong {

  display: block;

  margin-top: 2px;

  color:
    #ffffff;

  font-size: 8px;
}


/* =========================================================
   BENEFITS LIST
========================================================= */

.ekara-mfa-benefits__list {

  position: relative;

  display: flex;

  flex-direction: column;

  gap: 11px;
}


/* VERTICAL CONNECTION */

.ekara-mfa-benefits__list::before {

  content: "";

  position: absolute;

  top: 36px;
  bottom: 36px;

  left: 54px;

  width: 1px;

  background:
    linear-gradient(
      180deg,
      transparent,
      rgba(34, 216, 211, 0.28),
      rgba(34, 216, 211, 0.28),
      transparent
    );
}


/* =========================================================
   BENEFIT
========================================================= */

.ekara-mfa-benefit {

  position: relative;

  z-index: 2;

  display: grid;

  grid-template-columns:
    35px 48px 1fr;

  align-items: center;

  gap: 15px;

  padding:
    18px 20px;

  border:
    1px solid
    rgba(255, 255, 255, 0.09);

  border-radius: 16px;

  background:
    rgba(255, 255, 255, 0.055);

  box-shadow:
    0 12px 30px
    rgba(0, 0, 0, 0.06);

  backdrop-filter:
    blur(10px);

  -webkit-backdrop-filter:
    blur(10px);

  transition:
    transform 0.25s ease,
    background 0.25s ease,
    border-color 0.25s ease;
}


.ekara-mfa-benefit:hover {

  transform:
    translateX(6px);

  border-color:
    rgba(34, 216, 211, 0.22);

  background:
    rgba(255, 255, 255, 0.075);
}


/* =========================================================
   FEATURED
========================================================= */

.ekara-mfa-benefit--featured {

  border-color:
    rgba(34, 216, 211, 0.26);

  background:
    linear-gradient(
      90deg,
      rgba(34, 216, 211, 0.13),
      rgba(255, 255, 255, 0.065)
    );

  box-shadow:
    0 17px 40px
    rgba(0, 0, 0, 0.10),
    inset 3px 0 0
    var(--benefit-bright);
}


/* =========================================================
   NUMBER
========================================================= */

.ekara-mfa-benefit__number {

  color:
    rgba(255, 255, 255, 0.25);

  font-size: 9px;

  font-weight: 900;

  letter-spacing: 0.07em;
}


/* =========================================================
   ICON
========================================================= */

.ekara-mfa-benefit__icon {

  position: relative;

  z-index: 2;

  width: 48px;
  height: 48px;

  display: flex;

  align-items: center;
  justify-content: center;

  border:
    1px solid
    rgba(34, 216, 211, 0.15);

  border-radius: 13px;

  background:
    #004e51;

  color:
    var(--benefit-bright);

  box-shadow:
    0 7px 18px
    rgba(0, 0, 0, 0.08);
}


.ekara-mfa-benefit--featured
.ekara-mfa-benefit__icon {

  background:
    var(--benefit-bright);

  color:
    var(--benefit-deep);

  box-shadow:
    0 8px 22px
    rgba(34, 216, 211, 0.18);
}


.ekara-mfa-benefit__icon svg {

  width: 22px;
  height: 22px;

  fill: none;

  stroke:
    currentColor;

  stroke-width: 1.8;

  stroke-linecap: round;

  stroke-linejoin: round;
}


/* =========================================================
   CONTENT
========================================================= */

.ekara-mfa-benefit__content {

  min-width: 0;
}


.ekara-mfa-benefit__content h3 {

  margin:
    0 0 5px;

  color:
    #ffffff;

  font-size: 16px;

  font-weight: 850;

  line-height: 1.3;

  letter-spacing:
    -0.015em;
}


.ekara-mfa-benefit__content p {

  max-width: 600px;

  margin: 0;

  color:
    rgba(235, 252, 251, 0.60);

  font-size: 11px;

  line-height: 1.6;
}


/* =========================================================
   TITLE ROW / BADGE
========================================================= */

.ekara-mfa-benefit__title-row {

  display: flex;

  align-items: center;

  gap: 10px;
}


.ekara-mfa-benefit__badge {

  display: inline-flex;

  align-items: center;

  padding:
    4px 7px;

  border-radius: 999px;

  background:
    rgba(34, 216, 211, 0.12);

  color:
    var(--benefit-bright);

  font-size: 6px;

  font-weight: 900;

  letter-spacing: 0.06em;

  text-transform: uppercase;
}


/* =========================================================
   ANIMATIONS
========================================================= */

@keyframes benefitPulse {

  0%,
  100% {

    opacity: 1;

    transform:
      scale(1);
  }

  50% {

    opacity: 0.55;

    transform:
      scale(0.82);
  }

}


@keyframes benefitLine {

  0% {

    left: -100%;
  }

  100% {

    left: 100%;
  }

}


/* =========================================================
   LAPTOP
========================================================= */

@media (max-width: 1280px) {

  .ekara-mfa-benefits__container {

    width:
      min(
        calc(100% - 48px),
        1180px
      );

    grid-template-columns:
      minmax(360px, 0.8fr)
      minmax(540px, 1.2fr);

    gap: 60px;
  }


  .ekara-mfa-benefits__title {

    font-size:
      clamp(
        40px,
        4vw,
        54px
      );
  }

}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 1024px) {

  .ekara-mfa-benefits {

    padding:
      90px 0;
  }


  .ekara-mfa-benefits__container {

    width:
      min(
        calc(100% - 48px),
        820px
      );

    grid-template-columns:
      1fr;

    gap: 60px;
  }


  .ekara-mfa-benefits__intro {

    max-width: 680px;
  }


  .ekara-mfa-benefits__mini-journey {

    max-width: 520px;
  }

}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 650px) {

  .ekara-mfa-benefits {

    padding:
      70px 0;
  }


  .ekara-mfa-benefits__container {

    width:
      calc(100% - 30px);

    gap: 48px;
  }


  .ekara-mfa-benefits__title {

    font-size:
      clamp(
        35px,
        10vw,
        45px
      );
  }


  .ekara-mfa-benefits__lead {

    font-size: 14px;
  }


  .ekara-mfa-benefits__mini-flow {

    grid-template-columns:
      1fr 20px 1fr 20px 1fr;
  }


  .ekara-mfa-benefits__mini-journey {

    padding: 14px;
  }


  .ekara-mfa-benefits__list {

    gap: 10px;
  }


  .ekara-mfa-benefits__list::before {

    display: none;
  }


  .ekara-mfa-benefit {

    grid-template-columns:
      38px 1fr;

    gap: 12px;

    padding:
      17px;
  }


  .ekara-mfa-benefit__number {

    display: none;
  }


  .ekara-mfa-benefit__icon {

    width: 38px;
    height: 38px;

    border-radius: 10px;
  }


  .ekara-mfa-benefit__icon svg {

    width: 18px;
    height: 18px;
  }


  .ekara-mfa-benefit__content h3 {

    font-size: 15px;
  }


  .ekara-mfa-benefit__content p {

    font-size: 10px;
  }


  .ekara-mfa-benefit__title-row {

    flex-wrap: wrap;
  }

}


/* =========================================================
   SMALL MOBILE
========================================================= */

@media (max-width: 400px) {

  .ekara-mfa-benefits__mini-head {

    align-items: flex-start;

    flex-direction: column;
  }


  .ekara-mfa-benefits__mini-flow {

    grid-template-columns:
      1fr;

    gap: 6px;
  }


  .ekara-mfa-benefits__mini-line {

    width: 2px;
    height: 15px;

    margin: 0 auto;
  }


  .ekara-mfa-benefit {

    grid-template-columns: 1fr;
  }


  .ekara-mfa-benefit__icon {

    margin-bottom: 2px;
  }

}


/* =========================================================
   ACCESSIBILITY
========================================================= */

@media (prefers-reduced-motion: reduce) {

  .ekara-mfa-benefits *,
  .ekara-mfa-benefits *::before,
  .ekara-mfa-benefits *::after {

    animation-duration:
      0.01ms !important;

    animation-iteration-count:
      1 !important;
  }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-6d20a22 *//* =========================================================
   EKARA — TLS / SSL MONITORING
   DIGITAL TRUST OBSERVABILITY
========================================================= */

.ekara-tls-section {

  --tls-dark: #003f43;
  --tls-deep: #002e32;

  --tls-teal: #00aaa8;
  --tls-bright: #18d5d1;
  --tls-light: #e9fbfa;

  --tls-green: #22ad7d;
  --tls-green-light: #eaf8f3;

  --tls-amber: #e6a93b;
  --tls-amber-light: #fff7e7;

  --tls-text: #41595b;
  --tls-muted: #74898b;

  position: relative;

  left: 50%;

  width: 100vw;
  max-width: 100vw;

  margin-left: -50vw;
  margin-right: -50vw;

  padding: 115px 0 105px;

  overflow: hidden;

  background:
    linear-gradient(
      180deg,
      #ffffff 0%,
      #fbfefe 52%,
      #f5fbfb 100%
    );

  font-family:
    Inter,
    Arial,
    Helvetica,
    sans-serif;
}


/* =========================================================
   ELEMENTOR FULL WIDTH
========================================================= */

.elementor-section:has(.ekara-tls-section),
.elementor-container:has(.ekara-tls-section),
.elementor-widget:has(.ekara-tls-section),
.elementor-widget-container:has(.ekara-tls-section),
.e-con:has(.ekara-tls-section),
.e-con-inner:has(.ekara-tls-section) {

  width: 100% !important;
  max-width: none !important;

  margin-left: 0 !important;
  margin-right: 0 !important;

  padding-left: 0 !important;
  padding-right: 0 !important;

  overflow: visible !important;
}


/* =========================================================
   BACKGROUND
========================================================= */

.ekara-tls-bg {

  position: absolute;

  inset: 0;

  pointer-events: none;

  overflow: hidden;
}


.ekara-tls-bg::before {

  content: "";

  position: absolute;

  inset: 0;

  background-image:
    radial-gradient(
      rgba(0, 170, 168, 0.09) 1px,
      transparent 1px
    );

  background-size:
    25px 25px;

  mask-image:
    radial-gradient(
      circle at 78% 22%,
      #000 0%,
      transparent 34%
    );

  -webkit-mask-image:
    radial-gradient(
      circle at 78% 22%,
      #000 0%,
      transparent 34%
    );

  opacity: 0.35;
}


.ekara-tls-bg__glow {

  position: absolute;

  border-radius: 50%;

  filter: blur(50px);
}


.ekara-tls-bg__glow--one {

  width: 500px;
  height: 500px;

  top: 30px;
  right: -130px;

  background:
    rgba(24, 213, 209, 0.075);
}


.ekara-tls-bg__glow--two {

  width: 400px;
  height: 400px;

  left: -200px;
  bottom: 15%;

  background:
    rgba(0, 170, 168, 0.045);
}


.ekara-tls-bg__ring {

  position: absolute;

  top: 130px;
  right: -250px;

  width: 650px;
  height: 650px;

  border:
    1px solid
    rgba(0, 170, 168, 0.06);

  border-radius: 50%;

  box-shadow:
    0 0 0 90px
    rgba(0, 170, 168, 0.014),
    0 0 0 180px
    rgba(0, 170, 168, 0.009);
}


/* =========================================================
   CONTAINER
========================================================= */

.ekara-tls-container {

  position: relative;

  z-index: 2;

  width:
    min(
      calc(100% - 64px),
      1400px
    );

  margin: 0 auto;
}


/* =========================================================
   MAIN GRID
========================================================= */

.ekara-tls-main {

  display: grid;

  grid-template-columns:
    minmax(500px, 0.96fr)
    minmax(520px, 1.04fr);

  align-items: center;

  gap:
    clamp(
      65px,
      7vw,
      110px
    );
}


/* =========================================================
   CONTENT
========================================================= */

.ekara-tls-content {

  max-width: 680px;
}


/* EYEBROW */

.ekara-tls-eyebrow {

  width: fit-content;

  display: inline-flex;

  align-items: center;

  gap: 9px;

  margin-bottom: 20px;

  padding:
    7px 12px 7px 8px;

  border:
    1px solid
    rgba(0, 170, 168, 0.15);

  border-radius: 999px;

  background:
    var(--tls-light);

  color:
    var(--tls-teal);

  font-size: 9px;

  font-weight: 900;

  letter-spacing: 0.08em;

  text-transform: uppercase;
}


.ekara-tls-eyebrow__icon {

  width: 25px;
  height: 25px;

  display: flex;

  align-items: center;
  justify-content: center;

  border-radius: 50%;

  background:
    var(--tls-dark);

  color:
    var(--tls-bright);
}


.ekara-tls-eyebrow__icon svg {

  width: 13px;
  height: 13px;

  fill: none;

  stroke:
    currentColor;

  stroke-width: 1.8;

  stroke-linecap: round;

  stroke-linejoin: round;
}


/* =========================================================
   TITLE
========================================================= */

.ekara-tls-title {

  margin: 0;

  color:
    var(--tls-dark);

  font-size:
    clamp(
      40px,
      3.8vw,
      57px
    );

  font-weight: 900;

  line-height: 1.06;

  letter-spacing:
    -0.048em;
}


.ekara-tls-title strong {

  display: block;

  margin-top: 6px;

  color:
    var(--tls-teal);

  font-weight: 900;
}


/* =========================================================
   LEAD
========================================================= */

.ekara-tls-lead {

  max-width: 620px;

  margin:
    25px 0 0;

  color:
    var(--tls-text);

  font-size: 15px;

  line-height: 1.7;
}


.ekara-tls-lead strong {

  color:
    var(--tls-dark);

  font-weight: 900;
}


/* =========================================================
   CAPABILITIES
========================================================= */

.ekara-tls-capabilities {

  margin-top: 37px;

  display: grid;

  gap: 9px;
}


.ekara-tls-capability {

  display: grid;

  grid-template-columns:
    42px 1fr;

  align-items: flex-start;

  gap: 14px;

  padding:
    15px 17px;

  border:
    1px solid
    transparent;

  border-radius: 14px;

  transition:
    background 0.25s ease,
    border-color 0.25s ease,
    transform 0.25s ease,
    box-shadow 0.25s ease;
}


.ekara-tls-capability:hover {

  transform:
    translateX(5px);

  border-color:
    rgba(0, 170, 168, 0.13);

  background:
    #ffffff;

  box-shadow:
    0 12px 30px
    rgba(0, 63, 67, 0.05);
}


.ekara-tls-capability__icon {

  width: 42px;
  height: 42px;

  display: flex;

  align-items: center;
  justify-content: center;

  border-radius: 11px;

  background:
    var(--tls-light);

  color:
    var(--tls-teal);
}


.ekara-tls-capability__icon svg {

  width: 19px;
  height: 19px;

  fill: none;

  stroke:
    currentColor;

  stroke-width: 1.8;

  stroke-linecap: round;

  stroke-linejoin: round;
}


.ekara-tls-capability__content > span {

  display: block;

  margin-bottom: 3px;

  color:
    var(--tls-teal);

  font-size: 7px;

  font-weight: 900;

  letter-spacing: 0.07em;

  text-transform: uppercase;
}


.ekara-tls-capability h3 {

  margin:
    0 0 4px;

  color:
    var(--tls-dark);

  font-size: 15px;

  font-weight: 900;

  line-height: 1.3;
}


.ekara-tls-capability p {

  margin: 0;

  color:
    var(--tls-text);

  font-size: 10px;

  line-height: 1.62;
}


.ekara-tls-capability__secondary {

  margin-top:
    5px !important;

  color:
    var(--tls-muted) !important;
}


/* =========================================================
   VISUAL
========================================================= */

.ekara-tls-visual {

  position: relative;

  width: 100%;

  max-width: 650px;

  justify-self: end;
}


.ekara-tls-visual__glow {

  position: absolute;

  width: 80%;
  height: 80%;

  top: 10%;
  left: 10%;

  border-radius: 50%;

  background:
    rgba(0, 170, 168, 0.11);

  filter: blur(70px);
}


/* =========================================================
   DASHBOARD
========================================================= */

.ekara-tls-dashboard {

  position: relative;

  z-index: 2;

  padding: 25px;

  border:
    1px solid
    #dbe8e8;

  border-radius: 27px;

  background:
    rgba(255, 255, 255, 0.97);

  box-shadow:
    0 40px 100px
    rgba(0, 63, 67, 0.13),
    0 4px 15px
    rgba(0, 63, 67, 0.04);
}


/* =========================================================
   DASHBOARD HEADER
========================================================= */

.ekara-tls-dashboard__header {

  display: flex;

  align-items: center;

  justify-content: space-between;

  gap: 20px;

  padding-bottom: 18px;

  border-bottom:
    1px solid
    #e6eeee;
}


.ekara-tls-dashboard__brand {

  display: flex;

  align-items: center;

  gap: 9px;
}


.ekara-tls-dashboard__logo {

  width: 32px;
  height: 32px;

  display: flex;

  align-items: center;
  justify-content: center;

  border-radius: 9px;

  background:
    linear-gradient(
      135deg,
      var(--tls-dark),
      #00666a
    );

  color:
    var(--tls-bright);

  font-size: 14px;

  font-weight: 950;
}


.ekara-tls-dashboard__brand strong {

  display: block;

  color:
    var(--tls-dark);

  font-size: 10px;
}


.ekara-tls-dashboard__brand span {

  display: block;

  margin-top: 1px;

  color:
    var(--tls-muted);

  font-size: 7px;
}


.ekara-tls-dashboard__live {

  display: flex;

  align-items: center;

  gap: 6px;

  padding:
    7px 9px;

  border-radius: 999px;

  background:
    var(--tls-green-light);

  color:
    var(--tls-green);

  font-size: 6px;

  font-weight: 900;

  text-transform: uppercase;
}


.ekara-tls-dashboard__live i {

  width: 6px;
  height: 6px;

  border-radius: 50%;

  background:
    var(--tls-green);

  box-shadow:
    0 0 0 4px
    rgba(34, 173, 125, 0.08);

  animation:
    tlsPulse
    2s ease-in-out infinite;
}


/* =========================================================
   OVERVIEW
========================================================= */

.ekara-tls-dashboard__overview {

  display: flex;

  align-items: center;

  justify-content: space-between;

  gap: 20px;

  padding:
    20px 0 17px;
}


.ekara-tls-dashboard__overview > div:first-child span {

  display: block;

  margin-bottom: 3px;

  color:
    var(--tls-muted);

  font-size: 7px;

  font-weight: 800;

  text-transform: uppercase;
}


.ekara-tls-dashboard__overview > div:first-child strong {

  color:
    var(--tls-dark);

  font-size: 15px;

  font-weight: 900;
}


.ekara-tls-dashboard__health {

  display: flex;

  align-items: center;

  gap: 6px;

  color:
    var(--tls-green);

  font-size: 8px;

  font-weight: 850;
}


.ekara-tls-dashboard__health-dot {

  width: 7px;
  height: 7px;

  border-radius: 50%;

  background:
    var(--tls-green);
}


/* =========================================================
   SCORE
========================================================= */

.ekara-tls-score {

  display: grid;

  grid-template-columns:
    150px 1fr;

  align-items: center;

  gap: 23px;

  padding:
    18px;

  border:
    1px solid
    #e2ebeb;

  border-radius: 17px;

  background:
    #f9fcfc;
}


.ekara-tls-score__gauge {

  position: relative;

  width: 140px;
  height: 140px;
}


.ekara-tls-score__gauge svg {

  width: 100%;
  height: 100%;

  transform:
    rotate(-90deg);
}


.ekara-tls-score__track {

  fill: none;

  stroke:
    #e4eeee;

  stroke-width: 9;
}


.ekara-tls-score__progress {

  fill: none;

  stroke:
    var(--tls-teal);

  stroke-width: 9;

  stroke-linecap: round;

  stroke-dasharray: 302;

  stroke-dashoffset: 7;

  filter:
    drop-shadow(
      0 0 5px
      rgba(0, 170, 168, 0.20)
    );
}


.ekara-tls-score__value {

  position: absolute;

  inset: 0;

  display: flex;

  flex-direction: column;

  align-items: center;
  justify-content: center;
}


.ekara-tls-score__value strong {

  color:
    var(--tls-dark);

  font-size: 25px;

  font-weight: 950;
}


.ekara-tls-score__value span {

  margin-top: 2px;

  color:
    var(--tls-muted);

  font-size: 7px;
}


.ekara-tls-score__metrics {

  display: grid;

  gap: 11px;
}


.ekara-tls-score__metrics > div {

  display: flex;

  align-items: center;

  gap: 9px;

  padding-bottom: 9px;

  border-bottom:
    1px solid
    #e8eeee;
}


.ekara-tls-score__metrics > div:last-child {

  padding-bottom: 0;

  border-bottom: 0;
}


.ekara-tls-score__metric-dot {

  width: 8px;
  height: 8px;

  flex:
    0 0 8px;

  border-radius: 50%;

  background:
    var(--tls-teal);
}


.ekara-tls-score__metric-dot--green {

  background:
    var(--tls-green);
}


.ekara-tls-score__metric-dot--amber {

  background:
    var(--tls-amber);
}


.ekara-tls-score__metrics strong {

  display: block;

  color:
    var(--tls-dark);

  font-size: 9px;
}


.ekara-tls-score__metrics small {

  display: block;

  margin-top: 2px;

  color:
    var(--tls-muted);

  font-size: 6px;
}


/* =========================================================
   CERTIFICATE CARD
========================================================= */

.ekara-tls-certificate {

  margin-top: 13px;

  padding: 15px;

  border:
    1px solid
    #e1ebeb;

  border-radius: 14px;

  background:
    #ffffff;

  box-shadow:
    0 7px 20px
    rgba(0, 63, 67, 0.035);
}


.ekara-tls-certificate__head {

  display: flex;

  align-items: center;

  justify-content: space-between;

  gap: 15px;
}


.ekara-tls-certificate__domain {

  display: flex;

  align-items: center;

  gap: 9px;
}


.ekara-tls-certificate__lock {

  width: 34px;
  height: 34px;

  display: flex;

  align-items: center;
  justify-content: center;

  border-radius: 9px;

  background:
    var(--tls-light);

  color:
    var(--tls-teal);
}


.ekara-tls-certificate__lock svg {

  width: 16px;
  height: 16px;

  fill: none;

  stroke:
    currentColor;

  stroke-width: 1.8;

  stroke-linecap: round;

  stroke-linejoin: round;
}


.ekara-tls-certificate__domain span {

  display: block;

  color:
    var(--tls-muted);

  font-size: 6px;

  text-transform: uppercase;
}


.ekara-tls-certificate__domain strong {

  display: block;

  margin-top: 2px;

  color:
    var(--tls-dark);

  font-size: 9px;
}


.ekara-tls-certificate__valid {

  padding:
    6px 8px;

  border-radius: 999px;

  background:
    var(--tls-green-light);

  color:
    var(--tls-green);

  font-size: 7px;

  font-weight: 900;
}


.ekara-tls-certificate__data {

  display: grid;

  grid-template-columns:
    repeat(4, 1fr);

  gap: 7px;

  margin-top: 13px;
}


.ekara-tls-certificate__data div {

  padding:
    9px 7px;

  border-radius: 8px;

  background:
    #f6fafa;
}


.ekara-tls-certificate__data span {

  display: block;

  margin-bottom: 3px;

  color:
    var(--tls-muted);

  font-size: 6px;
}


.ekara-tls-certificate__data strong {

  color:
    var(--tls-dark);

  font-size: 7px;
}


/* =========================================================
   TIMELINE
========================================================= */

.ekara-tls-timeline {

  margin-top: 13px;

  padding:
    13px 15px;

  border-radius: 13px;

  background:
    #f7fbfb;
}


.ekara-tls-timeline__header {

  display: flex;

  justify-content: space-between;

  gap: 15px;
}


.ekara-tls-timeline__header span {

  color:
    var(--tls-dark);

  font-size: 8px;

  font-weight: 850;
}


.ekara-tls-timeline__header small {

  color:
    var(--tls-muted);

  font-size: 6px;
}


.ekara-tls-timeline__bar {

  position: relative;

  height: 5px;

  margin:
    13px 5px 8px;

  border-radius: 99px;

  background:
    #dfeaea;
}


.ekara-tls-timeline__progress {

  position: absolute;

  inset:
    0 15% 0 0;

  border-radius: inherit;

  background:
    linear-gradient(
      90deg,
      var(--tls-green),
      var(--tls-teal),
      var(--tls-bright)
    );
}


.ekara-tls-timeline__point {

  position: absolute;

  top: 50%;

  width: 11px;
  height: 11px;

  border:
    2px solid #ffffff;

  border-radius: 50%;

  background:
    var(--tls-teal);

  box-shadow:
    0 0 0 2px
    rgba(0, 170, 168, 0.12);

  transform:
    translate(-50%, -50%);
}


.ekara-tls-timeline__point--one {
  left: 3%;
}


.ekara-tls-timeline__point--two {
  left: 52%;
}


.ekara-tls-timeline__point--three {
  left: 85%;

  background:
    var(--tls-amber);
}


.ekara-tls-timeline__labels {

  display: flex;

  justify-content: space-between;

  color:
    var(--tls-muted);

  font-size: 6px;
}


/* =========================================================
   ALERT
========================================================= */

.ekara-tls-alert {

  display: flex;

  align-items: center;

  gap: 9px;

  margin-top: 13px;

  padding:
    11px 12px;

  border-radius: 11px;

  background:
    linear-gradient(
      135deg,
      var(--tls-dark),
      var(--tls-deep)
    );
}


.ekara-tls-alert__icon {

  width: 29px;
  height: 29px;

  display: flex;

  align-items: center;
  justify-content: center;

  border-radius: 8px;

  background:
    rgba(24, 213, 209, 0.10);

  color:
    var(--tls-bright);
}


.ekara-tls-alert__icon svg {

  width: 15px;
  height: 15px;

  fill: none;

  stroke:
    currentColor;

  stroke-width: 1.8;

  stroke-linecap: round;

  stroke-linejoin: round;
}


.ekara-tls-alert span {

  display: block;

  color:
    var(--tls-bright);

  font-size: 6px;

  text-transform: uppercase;
}


.ekara-tls-alert strong {

  display: block;

  margin-top: 2px;

  color:
    #ffffff;

  font-size: 8px;
}


/* =========================================================
   FLOATING
========================================================= */

.ekara-tls-floating {

  position: absolute;

  z-index: 5;

  right: -25px;
  bottom: 70px;

  display: flex;

  align-items: center;

  gap: 9px;

  padding:
    11px 14px;

  border:
    1px solid
    rgba(0, 170, 168, 0.14);

  border-radius: 12px;

  background:
    rgba(255, 255, 255, 0.97);

  box-shadow:
    0 18px 40px
    rgba(0, 63, 67, 0.12);

  animation:
    tlsFloat
    5s ease-in-out infinite;
}


.ekara-tls-floating__icon {

  width: 27px;
  height: 27px;

  display: flex;

  align-items: center;
  justify-content: center;

  border-radius: 8px;

  background:
    var(--tls-green-light);

  color:
    var(--tls-green);

  font-size: 8px;

  font-weight: 900;
}


.ekara-tls-floating span {

  display: block;

  color:
    var(--tls-muted);

  font-size: 6px;

  text-transform: uppercase;
}


.ekara-tls-floating strong {

  display: block;

  margin-top: 2px;

  color:
    var(--tls-dark);

  font-size: 8px;
}


/* =========================================================
   PART 2 — SERVICE
========================================================= */

.ekara-tls-service {

  margin-top: 135px;

  padding-top: 105px;

  border-top:
    1px solid
    rgba(0, 94, 96, 0.11);
}


/* =========================================================
   SERVICE HEADER
========================================================= */

.ekara-tls-service__header {

  max-width: 850px;

  margin:
    0 auto 55px;

  text-align: center;
}


.ekara-tls-service__eyebrow {

  margin-bottom: 12px;

  color:
    var(--tls-teal);

  font-size: 9px;

  font-weight: 900;

  letter-spacing: 0.09em;

  text-transform: uppercase;
}


.ekara-tls-service__header h2 {

  margin: 0;

  color:
    var(--tls-dark);

  font-size:
    clamp(
      38px,
      3.8vw,
      56px
    );

  font-weight: 900;

  line-height: 1.07;

  letter-spacing:
    -0.045em;
}


.ekara-tls-service__header h2 strong {

  display: block;

  color:
    var(--tls-teal);
}


.ekara-tls-service__header p {

  max-width: 700px;

  margin:
    19px auto 0;

  color:
    var(--tls-text);

  font-size: 14px;

  line-height: 1.65;
}


.ekara-tls-service__header p + p {

  margin-top: 7px;
}


.ekara-tls-service__header p strong,
.ekara-tls-service__header p b {

  color:
    var(--tls-dark);

  font-weight: 900;
}


/* =========================================================
   JOURNEY CONTAINER
========================================================= */

.ekara-tls-service__journey {

  padding:
    27px;

  border:
    1px solid
    #dce9e9;

  border-radius: 24px;

  background:
    #ffffff;

  box-shadow:
    0 30px 80px
    rgba(0, 63, 67, 0.085);
}


/* =========================================================
   JOURNEY TOP
========================================================= */

.ekara-tls-service__journey-top {

  display: flex;

  align-items: center;

  justify-content: space-between;

  gap: 20px;

  margin-bottom: 30px;
}


.ekara-tls-service__journey-top > div:first-child span {

  display: block;

  margin-bottom: 3px;

  color:
    var(--tls-muted);

  font-size: 7px;

  font-weight: 800;

  letter-spacing: 0.07em;

  text-transform: uppercase;
}


.ekara-tls-service__journey-top strong {

  color:
    var(--tls-dark);

  font-size: 15px;

  font-weight: 900;
}


.ekara-tls-service__status {

  display: flex;

  align-items: center;

  gap: 6px;

  padding:
    7px 10px;

  border-radius: 999px;

  background:
    var(--tls-green-light);

  color:
    var(--tls-green);

  font-size: 7px;

  font-weight: 900;

  text-transform: uppercase;
}


.ekara-tls-service__status i {

  width: 6px;
  height: 6px;

  border-radius: 50%;

  background:
    var(--tls-green);
}


/* =========================================================
   FLOW
========================================================= */

.ekara-tls-service__flow {

  display: grid;

  grid-template-columns:
    1fr 35px
    1fr 35px
    1fr 35px
    1fr 35px
    1fr 35px
    1fr;

  align-items: center;
}


/* =========================================================
   FLOW STEP
========================================================= */

.ekara-tls-service__step {

  min-height: 150px;

  padding:
    16px 10px;

  display: flex;

  flex-direction: column;

  align-items: center;

  justify-content: center;

  border:
    1px solid
    #e2ebeb;

  border-radius: 14px;

  background:
    #f9fcfc;

  text-align: center;

  transition:
    transform 0.25s ease,
    border-color 0.25s ease,
    box-shadow 0.25s ease;
}


.ekara-tls-service__step:hover {

  transform:
    translateY(-5px);

  border-color:
    rgba(0, 170, 168, 0.22);

  box-shadow:
    0 14px 30px
    rgba(0, 63, 67, 0.07);
}


.ekara-tls-service__step--final {

  border-color:
    rgba(0, 170, 168, 0.20);

  background:
    linear-gradient(
      150deg,
      #f0fcfb,
      #ffffff
    );
}


.ekara-tls-service__step-icon {

  width: 39px;
  height: 39px;

  display: flex;

  align-items: center;
  justify-content: center;

  margin-bottom: 10px;

  border-radius: 11px;

  background:
    var(--tls-light);

  color:
    var(--tls-teal);
}


.ekara-tls-service__step--final
.ekara-tls-service__step-icon {

  background:
    var(--tls-dark);

  color:
    var(--tls-bright);
}


.ekara-tls-service__step-icon svg {

  width: 18px;
  height: 18px;

  fill: none;

  stroke:
    currentColor;

  stroke-width: 1.8;

  stroke-linecap: round;

  stroke-linejoin: round;
}


.ekara-tls-service__step > span {

  color:
    #9aadae;

  font-size: 6px;

  font-weight: 900;

  letter-spacing: 0.07em;
}


.ekara-tls-service__step > strong {

  max-width: 120px;

  margin-top: 5px;

  color:
    var(--tls-dark);

  font-size: 9px;

  line-height: 1.35;
}


.ekara-tls-service__step > small {

  width: 18px;
  height: 18px;

  margin-top: 9px;

  display: flex;

  align-items: center;
  justify-content: center;

  border-radius: 50%;

  background:
    var(--tls-green-light);

  color:
    var(--tls-green);

  font-size: 6px;

  font-weight: 900;
}


/* =========================================================
   CONNECTORS
========================================================= */

.ekara-tls-service__connector {

  position: relative;

  height: 2px;

  overflow: hidden;

  background:
    #dce8e8;
}


.ekara-tls-service__connector i {

  position: absolute;

  top: 0;
  left: -100%;

  width: 100%;
  height: 100%;

  background:
    linear-gradient(
      90deg,
      transparent,
      var(--tls-teal),
      transparent
    );

  animation:
    tlsJourney
    2.5s linear infinite;
}


/* =========================================================
   RESULT
========================================================= */

.ekara-tls-service__result {

  display: grid;

  grid-template-columns:
    auto 1fr auto;

  align-items: center;

  gap: 14px;

  margin-top: 22px;

  padding:
    18px 20px;

  border-radius: 14px;

  background:
    linear-gradient(
      135deg,
      var(--tls-deep),
      var(--tls-dark)
    );
}


.ekara-tls-service__result-icon {

  width: 40px;
  height: 40px;

  display: flex;

  align-items: center;
  justify-content: center;

  border-radius: 11px;

  background:
    rgba(24, 213, 209, 0.11);

  color:
    var(--tls-bright);
}


.ekara-tls-service__result-icon svg {

  width: 20px;
  height: 20px;

  fill: none;

  stroke:
    currentColor;

  stroke-width: 1.8;

  stroke-linecap: round;

  stroke-linejoin: round;
}


.ekara-tls-service__result div:nth-child(2) span {

  display: block;

  margin-bottom: 3px;

  color:
    var(--tls-bright);

  font-size: 7px;

  font-weight: 900;

  text-transform: uppercase;
}


.ekara-tls-service__result div:nth-child(2) strong {

  color:
    #ffffff;

  font-size: 13px;

  font-weight: 850;
}


.ekara-tls-service__result-badge {

  padding:
    7px 10px;

  border:
    1px solid
    rgba(255, 255, 255, 0.10);

  border-radius: 999px;

  background:
    rgba(255, 255, 255, 0.06);

  color:
    rgba(255, 255, 255, 0.72);

  font-size: 7px;

  font-weight: 800;
}


/* =========================================================
   ANIMATIONS
========================================================= */

@keyframes tlsPulse {

  0%,
  100% {
    opacity: 1;
    transform: scale(1);
  }

  50% {
    opacity: 0.5;
    transform: scale(0.82);
  }

}


@keyframes tlsFloat {

  0%,
  100% {
    transform: translateY(0);
  }

  50% {
    transform: translateY(-7px);
  }

}


@keyframes tlsJourney {

  0% {
    left: -100%;
  }

  100% {
    left: 100%;
  }

}


/* =========================================================
   LAPTOP
========================================================= */

@media (max-width: 1280px) {

  .ekara-tls-container {

    width:
      min(
        calc(100% - 48px),
        1180px
      );
  }


  .ekara-tls-main {

    grid-template-columns:
      minmax(430px, 0.95fr)
      minmax(480px, 1.05fr);

    gap: 50px;
  }


  .ekara-tls-floating {

    right: 10px;
  }


  .ekara-tls-service__flow {

    grid-template-columns:
      repeat(6, minmax(0, 1fr));

    gap: 8px;
  }


  .ekara-tls-service__connector {

    display: none;
  }

}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 1024px) {

  .ekara-tls-section {

    padding:
      90px 0;
  }


  .ekara-tls-container {

    width:
      min(
        calc(100% - 48px),
        820px
      );
  }


  .ekara-tls-main {

    grid-template-columns:
      1fr;

    gap: 65px;
  }


  .ekara-tls-content {

    max-width: 760px;
  }


  .ekara-tls-visual {

    max-width: 680px;

    justify-self: center;
  }


  .ekara-tls-service {

    margin-top: 100px;

    padding-top: 85px;
  }


  .ekara-tls-service__flow {

    grid-template-columns:
      repeat(3, 1fr);

    gap: 10px;
  }


  .ekara-tls-service__step {

    min-height: 140px;
  }

}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 650px) {

  .ekara-tls-section {

    padding:
      70px 0;
  }


  .ekara-tls-container {

    width:
      calc(100% - 30px);
  }


  .ekara-tls-title {

    font-size:
      clamp(
        34px,
        10vw,
        44px
      );
  }


  .ekara-tls-lead {

    font-size: 14px;
  }


  .ekara-tls-capability {

    padding:
      13px 5px;

    grid-template-columns:
      38px 1fr;

    gap: 11px;
  }


  .ekara-tls-capability__icon {

    width: 38px;
    height: 38px;
  }


  .ekara-tls-dashboard {

    padding: 16px;

    border-radius: 20px;
  }


  .ekara-tls-dashboard__header {

    align-items: flex-start;

    flex-direction: column;
  }


  .ekara-tls-score {

    grid-template-columns:
      1fr;
  }


  .ekara-tls-score__gauge {

    margin: 0 auto;
  }


  .ekara-tls-certificate__data {

    grid-template-columns:
      repeat(2, 1fr);
  }


  .ekara-tls-floating {

    position: relative;

    right: auto;
    bottom: auto;

    width: fit-content;

    margin:
      14px auto 0;
  }


  .ekara-tls-service {

    margin-top: 80px;

    padding-top: 70px;
  }


  .ekara-tls-service__header h2 {

    font-size:
      clamp(
        34px,
        9vw,
        43px
      );
  }


  .ekara-tls-service__journey {

    padding:
      19px 14px;
  }


  .ekara-tls-service__journey-top {

    align-items: flex-start;

    flex-direction: column;
  }


  .ekara-tls-service__flow {

    grid-template-columns:
      repeat(2, 1fr);

    gap: 9px;
  }


  .ekara-tls-service__result {

    grid-template-columns:
      auto 1fr;
  }


  .ekara-tls-service__result-badge {

    grid-column:
      1 / -1;

    width: fit-content;
  }

}


/* =========================================================
   SMALL MOBILE
========================================================= */

@media (max-width: 420px) {

  .ekara-tls-service__flow {

    grid-template-columns:
      1fr;
  }


  .ekara-tls-service__step {

    min-height: auto;

    padding:
      14px;
  }


  .ekara-tls-certificate__head {

    align-items: flex-start;

    flex-direction: column;
  }

}


/* =========================================================
   ACCESSIBILITY
========================================================= */

@media (prefers-reduced-motion: reduce) {

  .ekara-tls-section *,
  .ekara-tls-section *::before,
  .ekara-tls-section *::after {

    animation-duration:
      0.01ms !important;

    animation-iteration-count:
      1 !important;
  }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-6cec442 *//* =========================================================
   EKARA
   USER-CENTRIC OBSERVABILITY + DIGITAL TRUST
========================================================= */

.ekara-user-observability {

  --eko-dark: #003f43;
  --eko-deep: #002e32;

  --eko-teal: #00aaa8;
  --eko-bright: #20d7d2;

  --eko-green: #2cb986;
  --eko-green-light: #eaf9f3;

  --eko-text: #40595b;
  --eko-muted: #7a8e90;

  position: relative;

  left: 50%;

  width: 100vw;
  max-width: 100vw;

  margin-left: -50vw;
  margin-right: -50vw;

  font-family:
    Inter,
    Arial,
    Helvetica,
    sans-serif;

  overflow: hidden;
}


/* =========================================================
   ELEMENTOR — FULL WIDTH
========================================================= */

.elementor-section:has(.ekara-user-observability),
.elementor-container:has(.ekara-user-observability),
.elementor-widget:has(.ekara-user-observability),
.elementor-widget-container:has(.ekara-user-observability),
.e-con:has(.ekara-user-observability),
.e-con-inner:has(.ekara-user-observability) {

  width: 100% !important;
  max-width: none !important;

  margin-left: 0 !important;
  margin-right: 0 !important;

  padding-left: 0 !important;
  padding-right: 0 !important;

  overflow: visible !important;
}


/* =========================================================
   PART 1 — USER VIEW
========================================================= */

.ekara-user-view {

  position: relative;

  padding:
    115px 0 120px;

  background:
    linear-gradient(
      180deg,
      #ffffff 0%,
      #f9fcfc 100%
    );

  overflow: hidden;
}


.ekara-user-view__background {

  position: absolute;

  inset: 0;

  pointer-events: none;
}


.ekara-user-view__glow {

  position: absolute;

  width: 650px;
  height: 650px;

  top: -300px;
  left: 50%;

  border-radius: 50%;

  background:
    rgba(0, 170, 168, 0.055);

  filter:
    blur(40px);

  transform:
    translateX(-50%);
}


.ekara-user-view__dots {

  position: absolute;

  width: 430px;
  height: 430px;

  top: 80px;
  right: -100px;

  background-image:
    radial-gradient(
      rgba(0, 170, 168, 0.16) 1px,
      transparent 1px
    );

  background-size:
    22px 22px;

  mask-image:
    radial-gradient(
      circle,
      #000,
      transparent 68%
    );

  -webkit-mask-image:
    radial-gradient(
      circle,
      #000,
      transparent 68%
    );

  opacity: 0.38;
}


/* =========================================================
   CONTAINER
========================================================= */

.ekara-user-view__container,
.ekara-trust-observability__container {

  position: relative;

  z-index: 2;

  width:
    min(
      calc(100% - 64px),
      1400px
    );

  margin: 0 auto;
}


/* =========================================================
   HEADER
========================================================= */

.ekara-user-view__header {

  max-width: 920px;

  margin:
    0 auto 65px;

  text-align: center;
}


.ekara-user-view__eyebrow {

  display: flex;

  align-items: center;
  justify-content: center;

  gap: 9px;

  margin-bottom: 17px;

  color:
    var(--eko-teal);

  font-size: 9px;

  font-weight: 900;

  letter-spacing: 0.09em;

  text-transform: uppercase;
}


.ekara-user-view__eyebrow span {

  width: 7px;
  height: 7px;

  border-radius: 50%;

  background:
    var(--eko-teal);

  box-shadow:
    0 0 0 5px
    rgba(0, 170, 168, 0.08);
}


.ekara-user-view__header h2 {

  margin: 0;

  color:
    var(--eko-dark);

  font-size:
    clamp(
      42px,
      4vw,
      60px
    );

  line-height: 1.06;

  letter-spacing:
    -0.048em;

  font-weight: 900;
}


.ekara-user-view__header h2 strong {

  display: block;

  margin-top: 5px;

  color:
    var(--eko-teal);

  font-weight: 900;
}


/* =========================================================
   COMPARISON
========================================================= */

.ekara-user-view__comparison {

  display: grid;

  grid-template-columns:
    minmax(0, 1fr)
    85px
    minmax(0, 1fr);

  align-items: stretch;

  gap: 15px;
}


/* =========================================================
   VIEW CARDS
========================================================= */

.ekara-view-card {

  position: relative;

  padding:
    30px;

  border:
    1px solid
    #dce8e8;

  border-radius: 23px;

  background:
    #ffffff;

  box-shadow:
    0 25px 60px
    rgba(0, 63, 67, 0.07);
}


.ekara-view-card--infra {

  background:
    linear-gradient(
      145deg,
      #ffffff,
      #f9fbfb
    );
}


.ekara-view-card--user {

  border-color:
    rgba(0, 170, 168, 0.25);

  background:
    linear-gradient(
      145deg,
      #ffffff,
      #f2fcfb
    );

  box-shadow:
    0 28px 70px
    rgba(0, 120, 120, 0.11);
}


/* =========================================================
   CARD TOP
========================================================= */

.ekara-view-card__top {

  display: flex;

  align-items: center;

  gap: 12px;
}


.ekara-view-card__icon {

  width: 44px;
  height: 44px;

  display: flex;

  align-items: center;
  justify-content: center;

  border-radius: 12px;

  background:
    #edf3f3;

  color:
    #6f8587;
}


.ekara-view-card--user
.ekara-view-card__icon {

  background:
    var(--eko-dark);

  color:
    var(--eko-bright);
}


.ekara-view-card__icon svg {

  width: 20px;
  height: 20px;

  fill: none;

  stroke:
    currentColor;

  stroke-width: 1.8;

  stroke-linecap: round;

  stroke-linejoin: round;
}


.ekara-view-card__top span {

  display: block;

  margin-bottom: 2px;

  color:
    var(--eko-muted);

  font-size: 7px;

  font-weight: 850;

  letter-spacing: 0.06em;

  text-transform: uppercase;
}


.ekara-view-card__top strong {

  color:
    var(--eko-dark);

  font-size: 13px;

  font-weight: 900;
}


/* =========================================================
   QUESTION
========================================================= */

.ekara-view-card__intro {

  margin:
    25px 0 10px;

  color:
    var(--eko-text);

  font-size: 12px;

  line-height: 1.6;
}


.ekara-view-card blockquote {

  margin:
    0 0 25px;

  padding:
    17px 19px;

  border-left:
    3px solid
    #aebfc0;

  border-radius:
    0 11px 11px 0;

  background:
    #f4f7f7;

  color:
    var(--eko-dark);

  font-size: 17px;

  line-height: 1.45;

  font-weight: 700;
}


.ekara-view-card--user blockquote {

  border-left-color:
    var(--eko-teal);

  background:
    var(--eko-dark);

  color:
    #ffffff;
}


.ekara-view-card--user blockquote strong {

  color:
    var(--eko-bright);
}


/* =========================================================
   INFRA GRID
========================================================= */

.ekara-infra-grid {

  display: grid;

  grid-template-columns:
    repeat(2, 1fr);

  gap: 8px;
}


.ekara-infra-item {

  display: grid;

  grid-template-columns:
    auto 1fr auto;

  align-items: center;

  gap: 9px;

  padding:
    11px;

  border:
    1px solid
    #e4ebeb;

  border-radius: 10px;

  background:
    #fafcfc;
}


.ekara-infra-item__status {

  width: 7px;
  height: 7px;

  border-radius: 50%;

  background:
    var(--eko-green);
}


.ekara-infra-item small {

  display: block;

  color:
    var(--eko-muted);

  font-size: 6px;
}


.ekara-infra-item strong {

  display: block;

  margin-top: 2px;

  color:
    var(--eko-dark);

  font-size: 8px;
}


.ekara-infra-item b {

  color:
    var(--eko-green);

  font-size: 6px;
}


/* =========================================================
   CARD MESSAGE
========================================================= */

.ekara-view-card__message {

  display: flex;

  align-items: center;

  gap: 9px;

  margin-top: 14px;

  padding:
    11px;

  border-radius: 10px;

  background:
    #f3f7f7;
}


.ekara-view-card__message--user {

  background:
    var(--eko-green-light);
}


.ekara-view-card__message-icon {

  width: 27px;
  height: 27px;

  display: flex;

  align-items: center;
  justify-content: center;

  flex:
    0 0 27px;

  border-radius: 8px;

  background:
    #e4ecec;

  color:
    #718587;

  font-size: 8px;

  font-weight: 900;
}


.ekara-view-card__message--user
.ekara-view-card__message-icon {

  background:
    rgba(44, 185, 134, 0.13);

  color:
    var(--eko-green);
}


.ekara-view-card__message small {

  display: block;

  color:
    var(--eko-muted);

  font-size: 6px;
}


.ekara-view-card__message strong {

  display: block;

  margin-top: 2px;

  color:
    var(--eko-dark);

  font-size: 8px;
}


/* =========================================================
   TRANSITION
========================================================= */

.ekara-view-transition {

  display: flex;

  flex-direction: column;

  align-items: center;
  justify-content: center;

  gap: 12px;
}


.ekara-view-transition__line {

  width: 1px;

  flex: 1;

  max-height: 80px;

  background:
    linear-gradient(
      transparent,
      rgba(0, 170, 168, 0.35),
      transparent
    );
}


.ekara-view-transition__center {

  width: 48px;
  height: 48px;

  display: flex;

  flex-direction: column;

  align-items: center;
  justify-content: center;

  border-radius: 50%;

  background:
    var(--eko-dark);

  color:
    #ffffff;

  box-shadow:
    0 10px 30px
    rgba(0, 63, 67, 0.16);
}


.ekara-view-transition__center span {

  font-size: 5px;

  color:
    var(--eko-bright);

  text-transform: uppercase;

  font-weight: 900;
}


.ekara-view-transition__center svg {

  width: 15px;
  height: 15px;

  margin-top: 2px;

  fill: none;

  stroke:
    currentColor;

  stroke-width: 1.8;

  stroke-linecap: round;

  stroke-linejoin: round;
}


/* =========================================================
   USER JOURNEY
========================================================= */

.ekara-user-journey {

  display: flex;

  flex-direction: column;

  gap: 5px;
}


.ekara-user-journey__step {

  display: grid;

  grid-template-columns:
    25px 34px 1fr auto;

  align-items: center;

  gap: 9px;

  padding:
    9px 11px;

  border:
    1px solid
    rgba(0, 170, 168, 0.12);

  border-radius: 10px;

  background:
    rgba(255, 255, 255, 0.80);
}


.ekara-user-journey__number {

  color:
    #a2b3b4;

  font-size: 6px;

  font-weight: 900;
}


.ekara-user-journey__step-icon {

  width: 32px;
  height: 32px;

  display: flex;

  align-items: center;
  justify-content: center;

  border-radius: 8px;

  background:
    var(--eko-bright);

  color:
    var(--eko-dark);
}


.ekara-user-journey__step-icon svg {

  width: 15px;
  height: 15px;

  fill: none;

  stroke:
    currentColor;

  stroke-width: 1.8;

  stroke-linecap: round;

  stroke-linejoin: round;
}


.ekara-user-journey__step small {

  display: block;

  color:
    var(--eko-muted);

  font-size: 6px;
}


.ekara-user-journey__step strong {

  display: block;

  margin-top: 2px;

  color:
    var(--eko-dark);

  font-size: 8px;
}


.ekara-user-journey__step b {

  color:
    var(--eko-green);

  font-size: 9px;
}


.ekara-user-journey__connector {

  position: relative;

  width: 2px;
  height: 8px;

  margin-left: 51px;

  overflow: hidden;

  background:
    rgba(0, 170, 168, 0.15);
}


.ekara-user-journey__connector i {

  position: absolute;

  top: -100%;
  left: 0;

  width: 100%;
  height: 100%;

  background:
    var(--eko-teal);

  animation:
    ekaraUserFlow 1.8s linear infinite;
}


/* =========================================================
   EXPLANATION
========================================================= */

.ekara-user-view__explanation {

  display: grid;

  grid-template-columns:
    auto 1fr auto;

  align-items: center;

  gap: 18px;

  margin-top: 40px;

  padding:
    22px 25px;

  border:
    1px solid
    rgba(0, 170, 168, 0.15);

  border-radius: 17px;

  background:
    #ffffff;

  box-shadow:
    0 15px 45px
    rgba(0, 63, 67, 0.055);
}


.ekara-user-view__explanation-logo {

  width: 47px;
  height: 47px;

  display: flex;

  align-items: center;
  justify-content: center;

  border-radius: 12px;

  background:
    var(--eko-dark);

  color:
    var(--eko-bright);

  font-size: 18px;

  font-weight: 950;
}


.ekara-user-view__explanation-content span {

  color:
    var(--eko-teal);

  font-size: 7px;

  font-weight: 900;

  letter-spacing: 0.07em;

  text-transform: uppercase;
}


.ekara-user-view__explanation-content p {

  max-width: 760px;

  margin:
    5px 0 0;

  color:
    var(--eko-text);

  font-size: 11px;

  line-height: 1.6;
}


.ekara-user-view__explanation-content strong,
.ekara-user-view__explanation-content b {

  color:
    var(--eko-dark);

  font-weight: 850;
}


.ekara-user-view__technologies {

  display: flex;

  flex-wrap: wrap;

  justify-content: flex-end;

  gap: 5px;

  max-width: 250px;
}


.ekara-user-view__technologies span {

  padding:
    6px 9px;

  border-radius: 999px;

  background:
    var(--eko-light, #eafafa);

  color:
    var(--eko-teal);

  font-size: 6px;

  font-weight: 900;
}


/* =========================================================
   STATEMENT
========================================================= */

.ekara-user-view__statement {

  max-width: 900px;

  margin:
    48px auto 0;

  text-align: center;
}


.ekara-user-view__statement p {

  margin: 0;

  color:
    var(--eko-muted);

  font-size: 14px;
}


.ekara-user-view__statement strong {

  display: block;

  max-width: 850px;

  margin:
    8px auto 0;

  color:
    var(--eko-dark);

  font-size:
    clamp(
      21px,
      2.1vw,
      30px
    );

  line-height: 1.35;

  font-weight: 900;

  letter-spacing:
    -0.025em;
}


/* =========================================================
   PART 2 — DIGITAL TRUST
========================================================= */

.ekara-trust-observability {

  position: relative;

  padding:
    120px 0;

  overflow: hidden;

  background:
    linear-gradient(
      135deg,
      #002e32 0%,
      #003f43 48%,
      #004d50 100%
    );
}


.ekara-trust-observability__background {

  position: absolute;

  inset: 0;

  pointer-events: none;
}


.ekara-trust-observability__grid {

  position: absolute;

  inset: 0;

  background-image:
    linear-gradient(
      rgba(255,255,255,.025) 1px,
      transparent 1px
    ),
    linear-gradient(
      90deg,
      rgba(255,255,255,.025) 1px,
      transparent 1px
    );

  background-size:
    65px 65px;

  mask-image:
    radial-gradient(
      circle at center,
      #000,
      transparent 78%
    );

  -webkit-mask-image:
    radial-gradient(
      circle at center,
      #000,
      transparent 78%
    );
}


.ekara-trust-observability__glow {

  position: absolute;

  border-radius: 50%;

  filter:
    blur(40px);
}


.ekara-trust-observability__glow--one {

  width: 550px;
  height: 550px;

  top: -300px;
  right: -150px;

  background:
    rgba(32, 215, 210, 0.08);
}


.ekara-trust-observability__glow--two {

  width: 500px;
  height: 500px;

  bottom: -300px;
  left: -170px;

  background:
    rgba(0, 170, 168, 0.07);
}


/* =========================================================
   TRUST HEADER
========================================================= */

.ekara-trust-observability__header {

  max-width: 950px;

  margin:
    0 auto 75px;

  text-align: center;
}


.ekara-trust-observability__eyebrow {

  margin-bottom: 17px;

  color:
    var(--eko-bright);

  font-size: 9px;

  font-weight: 900;

  letter-spacing: 0.10em;

  text-transform: uppercase;
}


.ekara-trust-observability__header h2 {

  margin: 0;

  color:
    #ffffff;

  font-size:
    clamp(
      42px,
      4vw,
      59px
    );

  line-height: 1.06;

  letter-spacing:
    -0.048em;

  font-weight: 900;
}


.ekara-trust-observability__header h2 strong {

  display: block;

  margin-top: 5px;

  color:
    var(--eko-bright);

  font-weight: 900;
}


.ekara-trust-observability__header p {

  max-width: 750px;

  margin:
    24px auto 0;

  color:
    rgba(236, 252, 251, 0.68);

  font-size: 14px;

  line-height: 1.7;
}


.ekara-trust-observability__header
.ekara-trust-observability__transition {

  margin-top: 7px;

  color:
    rgba(255, 255, 255, 0.92);

  font-weight: 750;
}


/* =========================================================
   TRUST MATRIX
========================================================= */

.ekara-trust-matrix {

  display: grid;

  grid-template-columns:
    minmax(340px, 1fr)
    240px
    minmax(300px, .85fr);

  align-items: center;

  gap:
    clamp(
      35px,
      5vw,
      70px
    );
}


/* =========================================================
   ISSUES
========================================================= */

.ekara-trust-matrix__issues {

  display: grid;

  gap: 10px;
}


.ekara-trust-issue {

  display: grid;

  grid-template-columns:
    44px 1fr auto;

  align-items: center;

  gap: 13px;

  padding:
    15px 16px;

  border:
    1px solid
    rgba(255, 255, 255, 0.08);

  border-radius: 13px;

  background:
    rgba(255, 255, 255, 0.055);

  backdrop-filter:
    blur(10px);

  -webkit-backdrop-filter:
    blur(10px);

  transition:
    transform .25s ease,
    background .25s ease;
}


.ekara-trust-issue:hover {

  transform:
    translateX(5px);

  background:
    rgba(255, 255, 255, 0.075);
}


.ekara-trust-issue__icon {

  width: 42px;
  height: 42px;

  display: flex;

  align-items: center;
  justify-content: center;

  border-radius: 11px;

  background:
    rgba(32, 215, 210, 0.10);

  color:
    var(--eko-bright);
}


.ekara-trust-issue__icon svg {

  width: 19px;
  height: 19px;

  fill: none;

  stroke:
    currentColor;

  stroke-width: 1.8;

  stroke-linecap: round;

  stroke-linejoin: round;
}


.ekara-trust-issue span {

  display: block;

  margin-bottom: 3px;

  color:
    rgba(255, 255, 255, 0.45);

  font-size: 7px;
}


.ekara-trust-issue strong {

  color:
    #ffffff;

  font-size: 10px;

  line-height: 1.4;
}


.ekara-trust-issue__arrow {

  color:
    var(--eko-bright);

  font-size: 15px;
}


/* =========================================================
   TRUST ENGINE
========================================================= */

.ekara-trust-engine {

  position: relative;

  width: 230px;
  height: 230px;

  display: flex;

  align-items: center;
  justify-content: center;

  margin: auto;
}


.ekara-trust-engine__orbit {

  position: absolute;

  border:
    1px solid
    rgba(32, 215, 210, 0.16);

  border-radius: 50%;
}


.ekara-trust-engine__orbit--one {

  width: 210px;
  height: 210px;

  animation:
    ekaraOrbit 20s linear infinite;
}


.ekara-trust-engine__orbit--one::before {

  content: "";

  position: absolute;

  width: 8px;
  height: 8px;

  top: 19px;
  left: 38px;

  border-radius: 50%;

  background:
    var(--eko-bright);

  box-shadow:
    0 0 15px
    rgba(32, 215, 210, .7);
}


.ekara-trust-engine__orbit--two {

  width: 170px;
  height: 170px;

  border-style:
    dashed;

  opacity: .65;

  animation:
    ekaraOrbitReverse
    15s linear infinite;
}


.ekara-trust-engine__core {

  position: relative;

  z-index: 3;

  width: 135px;
  height: 135px;

  display: flex;

  flex-direction: column;

  align-items: center;
  justify-content: center;

  border:
    1px solid
    rgba(32, 215, 210, .26);

  border-radius: 50%;

  background:
    linear-gradient(
      145deg,
      rgba(32, 215, 210, .13),
      rgba(255, 255, 255, .04)
    );

  box-shadow:
    0 0 60px
    rgba(32, 215, 210, .10),
    inset 0 0 30px
    rgba(32, 215, 210, .05);

  backdrop-filter:
    blur(15px);
}


.ekara-trust-engine__shield {

  width: 35px;
  height: 35px;

  display: flex;

  align-items: center;
  justify-content: center;

  margin-bottom: 7px;

  border-radius: 10px;

  background:
    var(--eko-bright);

  color:
    var(--eko-dark);
}


.ekara-trust-engine__shield svg {

  width: 18px;
  height: 18px;

  fill: none;

  stroke:
    currentColor;

  stroke-width: 1.8;

  stroke-linecap: round;

  stroke-linejoin: round;
}


.ekara-trust-engine__core > span {

  color:
    rgba(255,255,255,.50);

  font-size: 6px;

  font-weight: 900;

  text-transform: uppercase;
}


.ekara-trust-engine__core > strong {

  margin-top: 2px;

  color:
    #ffffff;

  font-size: 13px;

  font-weight: 900;
}


.ekara-trust-engine__core > small {

  margin-top: 4px;

  padding:
    3px 6px;

  border-radius: 999px;

  background:
    rgba(44,185,134,.12);

  color:
    #4cdda9;

  font-size: 5px;

  font-weight: 900;

  text-transform: uppercase;
}


/* =========================================================
   DIMENSIONS
========================================================= */

.ekara-trust-dimensions {

  display: grid;

  gap: 10px;
}


.ekara-trust-dimension {

  display: grid;

  grid-template-columns:
    30px 1fr auto;

  align-items: center;

  gap: 12px;

  padding:
    15px 16px;

  border:
    1px solid
    rgba(32, 215, 210, .12);

  border-radius: 13px;

  background:
    rgba(32, 215, 210, .055);
}


.ekara-trust-dimension__number {

  color:
    rgba(255,255,255,.28);

  font-size: 7px;

  font-weight: 900;
}


.ekara-trust-dimension small {

  display: block;

  color:
    rgba(255,255,255,.42);

  font-size: 6px;

  text-transform: uppercase;
}


.ekara-trust-dimension strong {

  display: block;

  margin-top: 2px;

  color:
    #ffffff;

  font-size: 10px;
}


.ekara-trust-dimension__status {

  width: 23px;
  height: 23px;

  display: flex;

  align-items: center;
  justify-content: center;

  border-radius: 50%;

  background:
    rgba(44,185,134,.12);

  color:
    #4cdda9;

  font-size: 7px;

  font-weight: 900;
}


/* =========================================================
   FINAL MESSAGE
========================================================= */

.ekara-trust-final {

  display: grid;

  grid-template-columns:
    1fr
    minmax(500px, 850px)
    1fr;

  align-items: center;

  gap: 30px;

  margin-top: 85px;
}


.ekara-trust-final__line {

  height: 1px;

  background:
    linear-gradient(
      90deg,
      transparent,
      rgba(32,215,210,.35)
    );
}


.ekara-trust-final__line:last-child {

  background:
    linear-gradient(
      90deg,
      rgba(32,215,210,.35),
      transparent
    );
}


.ekara-trust-final__content {

  text-align: center;
}


.ekara-trust-final__content > span {

  color:
    var(--eko-bright);

  font-size: 7px;

  font-weight: 900;

  letter-spacing: .10em;

  text-transform: uppercase;
}


.ekara-trust-final__content h3 {

  margin:
    10px 0 0;

  color:
    #ffffff;

  font-size:
    clamp(
      22px,
      2.3vw,
      31px
    );

  line-height: 1.35;

  letter-spacing:
    -.025em;

  font-weight: 800;
}


.ekara-trust-final__content h3 strong {

  color:
    var(--eko-bright);
}


.ekara-trust-final__content p {

  max-width: 750px;

  margin:
    18px auto 0;

  color:
    rgba(236,252,251,.66);

  font-size: 12px;

  line-height: 1.7;
}


.ekara-trust-final__content p strong {

  color:
    #ffffff;
}


.ekara-trust-final__content p b {

  color:
    var(--eko-bright);

  font-weight: 800;
}


/* =========================================================
   ANIMATIONS
========================================================= */

@keyframes ekaraUserFlow {

  0% {
    top: -100%;
  }

  100% {
    top: 100%;
  }

}


@keyframes ekaraOrbit {

  from {
    transform: rotate(0deg);
  }

  to {
    transform: rotate(360deg);
  }

}


@keyframes ekaraOrbitReverse {

  from {
    transform: rotate(360deg);
  }

  to {
    transform: rotate(0deg);
  }

}


/* =========================================================
   RESPONSIVE — LAPTOP
========================================================= */

@media (max-width: 1280px) {

  .ekara-user-view__container,
  .ekara-trust-observability__container {

    width:
      min(
        calc(100% - 48px),
        1180px
      );
  }


  .ekara-trust-matrix {

    grid-template-columns:
      1fr 200px 0.85fr;

    gap: 35px;
  }


  .ekara-trust-engine {

    width: 200px;
    height: 200px;
  }


  .ekara-trust-engine__orbit--one {

    width: 190px;
    height: 190px;
  }


  .ekara-trust-engine__orbit--two {

    width: 155px;
    height: 155px;
  }

}


/* =========================================================
   RESPONSIVE — TABLET
========================================================= */

@media (max-width: 1024px) {

  .ekara-user-view,
  .ekara-trust-observability {

    padding:
      90px 0;
  }


  .ekara-user-view__comparison {

    grid-template-columns:
      1fr;

    gap: 20px;
  }


  .ekara-view-transition {

    flex-direction: row;

    height: 50px;
  }


  .ekara-view-transition__line {

    width: auto;
    height: 1px;

    max-height: none;

    flex: 1;
  }


  .ekara-user-view__explanation {

    grid-template-columns:
      auto 1fr;
  }


  .ekara-user-view__technologies {

    grid-column:
      1 / -1;

    max-width: none;

    justify-content: flex-start;
  }


  .ekara-trust-matrix {

    grid-template-columns:
      1fr;

    gap: 45px;
  }


  .ekara-trust-engine {

    order: -1;
  }


  .ekara-trust-final {

    grid-template-columns:
      1fr;
  }


  .ekara-trust-final__line {

    display: none;
  }

}


/* =========================================================
   RESPONSIVE — MOBILE
========================================================= */

@media (max-width: 650px) {

  .ekara-user-view,
  .ekara-trust-observability {

    padding:
      70px 0;
  }


  .ekara-user-view__container,
  .ekara-trust-observability__container {

    width:
      calc(100% - 30px);
  }


  .ekara-user-view__header {

    margin-bottom: 45px;
  }


  .ekara-user-view__header h2,
  .ekara-trust-observability__header h2 {

    font-size:
      clamp(
        34px,
        10vw,
        44px
      );
  }


  .ekara-view-card {

    padding:
      20px 17px;
  }


  .ekara-infra-grid {

    grid-template-columns:
      1fr;
  }


  .ekara-user-view__explanation {

    grid-template-columns:
      1fr;

    padding: 18px;
  }


  .ekara-user-view__technologies {

    grid-column: auto;
  }


  .ekara-trust-observability__header {

    margin-bottom: 55px;
  }


  .ekara-trust-issue {

    grid-template-columns:
      39px 1fr;
  }


  .ekara-trust-issue__arrow {

    display: none;
  }


  .ekara-trust-engine {

    width: 190px;
    height: 190px;
  }


  .ekara-trust-engine__orbit--one {

    width: 185px;
    height: 185px;
  }


  .ekara-trust-engine__orbit--two {

    width: 150px;
    height: 150px;
  }


  .ekara-trust-final {

    margin-top: 60px;
  }

}


/* =========================================================
   ACCESSIBILITY
========================================================= */

@media (prefers-reduced-motion: reduce) {

  .ekara-user-observability *,
  .ekara-user-observability *::before,
  .ekara-user-observability *::after {

    animation-duration:
      .01ms !important;

    animation-iteration-count:
      1 !important;
  }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d37d6f4 *//* =========================================================
   EKARA — BENEFITS + ENVIRONMENTS
   MFA / TLS / SSL / SYNTHETIC MONITORING
========================================================= */

.ekara-benefits-env {

  --ebe-dark: #003f43;
  --ebe-deep: #002e32;

  --ebe-teal: #00aaa8;
  --ebe-bright: #19d6d2;

  --ebe-light: #eafafa;
  --ebe-light-2: #f5fbfb;

  --ebe-green: #25ad7c;
  --ebe-green-light: #eaf8f3;

  --ebe-text: #41595b;
  --ebe-muted: #768b8d;

  position: relative;

  left: 50%;

  width: 100vw;
  max-width: 100vw;

  margin-left: -50vw;
  margin-right: -50vw;

  overflow: hidden;

  font-family:
    Inter,
    Arial,
    Helvetica,
    sans-serif;
}


/* =========================================================
   ELEMENTOR FULL WIDTH
========================================================= */

.elementor-section:has(.ekara-benefits-env),
.elementor-container:has(.ekara-benefits-env),
.elementor-widget:has(.ekara-benefits-env),
.elementor-widget-container:has(.ekara-benefits-env),
.e-con:has(.ekara-benefits-env),
.e-con-inner:has(.ekara-benefits-env) {

  width: 100% !important;
  max-width: none !important;

  margin-left: 0 !important;
  margin-right: 0 !important;

  padding-left: 0 !important;
  padding-right: 0 !important;

  overflow: visible !important;
}


/* =========================================================
   PART 1 — BENEFITS
========================================================= */

.ekara-benefits {

  position: relative;

  padding:
    115px 0 110px;

  overflow: hidden;

  background:
    linear-gradient(
      180deg,
      #ffffff 0%,
      #f9fcfc 100%
    );
}


/* =========================================================
   DECORATION
========================================================= */

.ekara-benefits__decor {

  position: absolute;

  inset: 0;

  pointer-events: none;
}


.ekara-benefits__glow {

  position: absolute;

  width: 600px;
  height: 600px;

  top: -320px;
  right: -180px;

  border-radius: 50%;

  background:
    rgba(25, 214, 210, 0.07);

  filter:
    blur(50px);
}


.ekara-benefits__dots {

  position: absolute;

  width: 400px;
  height: 400px;

  left: -90px;
  bottom: 50px;

  background-image:
    radial-gradient(
      rgba(0, 170, 168, 0.13) 1px,
      transparent 1px
    );

  background-size:
    23px 23px;

  mask-image:
    radial-gradient(
      circle,
      #000,
      transparent 68%
    );

  -webkit-mask-image:
    radial-gradient(
      circle,
      #000,
      transparent 68%
    );

  opacity: 0.32;
}


/* =========================================================
   CONTAINERS
========================================================= */

.ekara-benefits__container,
.ekara-environments__container {

  position: relative;

  z-index: 2;

  width:
    min(
      calc(100% - 64px),
      1400px
    );

  margin: 0 auto;
}


/* =========================================================
   BENEFITS HEADER
========================================================= */

.ekara-benefits__header {

  display: grid;

  grid-template-columns:
    minmax(0, 1.25fr)
    minmax(320px, 0.75fr);

  align-items: end;

  gap: 70px;

  margin-bottom: 60px;
}


.ekara-benefits__eyebrow {

  display: flex;

  align-items: center;

  gap: 9px;

  margin-bottom: 17px;

  color:
    var(--ebe-teal);

  font-size: 9px;

  font-weight: 900;

  letter-spacing: 0.09em;

  text-transform: uppercase;
}


.ekara-benefits__eyebrow-dot {

  width: 7px;
  height: 7px;

  border-radius: 50%;

  background:
    var(--ebe-teal);

  box-shadow:
    0 0 0 5px
    rgba(0, 170, 168, 0.08);
}


.ekara-benefits__header h2 {

  max-width: 820px;

  margin: 0;

  color:
    var(--ebe-dark);

  font-size:
    clamp(
      42px,
      4vw,
      60px
    );

  line-height: 1.06;

  letter-spacing:
    -0.048em;

  font-weight: 900;
}


.ekara-benefits__header h2 strong {

  display: block;

  margin-top: 5px;

  color:
    var(--ebe-teal);

  font-weight: 900;
}


/* =========================================================
   SUMMARY
========================================================= */

.ekara-benefits__summary {

  display: grid;

  grid-template-columns:
    47px 1fr;

  align-items: center;

  gap: 13px;

  padding:
    19px;

  border:
    1px solid
    rgba(0, 170, 168, 0.16);

  border-radius: 16px;

  background:
    #ffffff;

  box-shadow:
    0 16px 40px
    rgba(0, 63, 67, 0.055);
}


.ekara-benefits__summary-icon {

  width: 46px;
  height: 46px;

  display: flex;

  align-items: center;
  justify-content: center;

  border-radius: 12px;

  background:
    var(--ebe-dark);

  color:
    var(--ebe-bright);
}


.ekara-benefits__summary-icon svg {

  width: 21px;
  height: 21px;

  fill: none;

  stroke:
    currentColor;

  stroke-width: 1.8;

  stroke-linecap: round;

  stroke-linejoin: round;
}


.ekara-benefits__summary span {

  display: block;

  color:
    var(--ebe-teal);

  font-size: 7px;

  font-weight: 900;

  letter-spacing: 0.06em;

  text-transform: uppercase;
}


.ekara-benefits__summary strong {

  display: block;

  margin-top: 4px;

  color:
    var(--ebe-dark);

  font-size: 11px;

  line-height: 1.45;

  font-weight: 850;
}


/* =========================================================
   BENEFITS GRID
========================================================= */

.ekara-benefits__grid {

  display: grid;

  grid-template-columns:
    repeat(3, 1fr);

  gap: 14px;
}


/* =========================================================
   BENEFIT CARD
========================================================= */

.ekara-benefit-card {

  position: relative;

  min-height: 235px;

  display: flex;

  flex-direction: column;

  padding:
    23px;

  border:
    1px solid
    #e0eaea;

  border-radius: 18px;

  background:
    rgba(255, 255, 255, 0.92);

  box-shadow:
    0 12px 35px
    rgba(0, 63, 67, 0.045);

  transition:
    transform .28s ease,
    border-color .28s ease,
    box-shadow .28s ease;
}


.ekara-benefit-card:hover {

  transform:
    translateY(-5px);

  border-color:
    rgba(0, 170, 168, 0.22);

  box-shadow:
    0 24px 50px
    rgba(0, 63, 67, 0.08);
}


/* FEATURED */

.ekara-benefit-card--featured {

  grid-row:
    span 2;

  min-height: 484px;

  justify-content: space-between;

  border-color:
    transparent;

  background:
    linear-gradient(
      145deg,
      var(--ebe-deep),
      var(--ebe-dark)
    );

  box-shadow:
    0 30px 70px
    rgba(0, 63, 67, 0.16);
}


.ekara-benefit-card--wide {

  grid-column:
    span 2;

  display: grid;

  grid-template-columns:
    auto minmax(250px, .75fr)
    minmax(280px, 1fr);

  align-items: center;

  min-height: 170px;

  gap: 22px;
}


/* =========================================================
   CARD TOP
========================================================= */

.ekara-benefit-card__top {

  display: flex;

  align-items: flex-start;

  justify-content: space-between;

  gap: 15px;
}


.ekara-benefit-card--wide
.ekara-benefit-card__top {

  flex-direction: column;

  justify-content: center;
}


.ekara-benefit-card__number {

  color:
    #a0b1b2;

  font-size: 8px;

  font-weight: 900;

  letter-spacing: 0.08em;
}


.ekara-benefit-card--featured
.ekara-benefit-card__number {

  color:
    rgba(255, 255, 255, 0.35);
}


.ekara-benefit-card__icon {

  width: 43px;
  height: 43px;

  display: flex;

  align-items: center;
  justify-content: center;

  border-radius: 11px;

  background:
    var(--ebe-light);

  color:
    var(--ebe-teal);
}


.ekara-benefit-card--featured
.ekara-benefit-card__icon {

  background:
    rgba(25, 214, 210, 0.10);

  color:
    var(--ebe-bright);
}


.ekara-benefit-card__icon svg {

  width: 20px;
  height: 20px;

  fill: none;

  stroke:
    currentColor;

  stroke-width: 1.8;

  stroke-linecap: round;

  stroke-linejoin: round;
}


/* =========================================================
   CARD CONTENT
========================================================= */

.ekara-benefit-card__content {

  margin-top: 35px;
}


.ekara-benefit-card--featured
.ekara-benefit-card__content {

  margin-top: auto;
  margin-bottom: auto;
}


.ekara-benefit-card--wide
.ekara-benefit-card__content {

  margin-top: 0;
}


.ekara-benefit-card__label {

  display: block;

  margin-bottom: 6px;

  color:
    var(--ebe-teal);

  font-size: 7px;

  font-weight: 900;

  letter-spacing: 0.08em;

  text-transform: uppercase;
}


.ekara-benefit-card--featured
.ekara-benefit-card__label {

  color:
    var(--ebe-bright);
}


.ekara-benefit-card h3 {

  margin: 0;

  color:
    var(--ebe-dark);

  font-size: 17px;

  line-height: 1.3;

  font-weight: 900;

  letter-spacing:
    -0.015em;
}


.ekara-benefit-card--featured h3 {

  max-width: 290px;

  color:
    #ffffff;

  font-size: 27px;

  line-height: 1.18;
}


.ekara-benefit-card p {

  margin:
    9px 0 0;

  color:
    var(--ebe-text);

  font-size: 11px;

  line-height: 1.65;
}


.ekara-benefit-card--featured p {

  max-width: 300px;

  color:
    rgba(238, 252, 251, 0.68);

  font-size: 12px;
}


/* =========================================================
   FEATURED STATUS
========================================================= */

.ekara-benefit-card__status {

  display: flex;

  align-items: center;

  gap: 8px;

  width: fit-content;

  padding:
    8px 10px;

  border:
    1px solid
    rgba(255, 255, 255, 0.08);

  border-radius: 999px;

  background:
    rgba(255, 255, 255, 0.05);

  color:
    rgba(255, 255, 255, 0.75);

  font-size: 7px;

  font-weight: 800;
}


.ekara-benefit-card__status span {

  width: 6px;
  height: 6px;

  border-radius: 50%;

  background:
    var(--ebe-green);

  box-shadow:
    0 0 0 4px
    rgba(37, 173, 124, 0.10);
}


/* =========================================================
   GOVERNANCE HISTORY
========================================================= */

.ekara-benefit-card__history {

  display: grid;

  grid-template-columns:
    repeat(4, 1fr);

  align-items: center;

  gap: 5px;
}


.ekara-benefit-card__history div {

  position: relative;

  text-align: center;
}


.ekara-benefit-card__history div:not(:last-child)::after {

  content: "";

  position: absolute;

  top: 50%;
  left: calc(50% + 15px);

  width:
    calc(100% - 30px);

  height: 1px;

  background:
    rgba(0, 170, 168, 0.17);
}


.ekara-benefit-card__history span {

  display: block;

  margin-bottom: 8px;

  color:
    var(--ebe-muted);

  font-size: 6px;

  font-weight: 800;
}


.ekara-benefit-card__history i {

  position: relative;

  z-index: 2;

  display: block;

  width: 11px;
  height: 11px;

  margin: auto;

  border:
    2px solid #ffffff;

  border-radius: 50%;

  background:
    var(--ebe-teal);

  box-shadow:
    0 0 0 3px
    rgba(0, 170, 168, 0.10);
}


/* =========================================================
   VALUE CHAIN
========================================================= */

.ekara-benefits__value-chain {

  display: flex;

  align-items: center;
  justify-content: center;

  gap: 13px;

  margin-top: 42px;

  padding:
    19px 24px;

  border:
    1px solid
    rgba(0, 170, 168, 0.13);

  border-radius: 15px;

  background:
    rgba(255, 255, 255, 0.82);
}


.ekara-benefits__value-item {

  padding:
    8px 13px;

  border-radius: 999px;

  background:
    var(--ebe-light);

  color:
    var(--ebe-teal);

  font-size: 8px;

  font-weight: 900;
}


.ekara-benefits__value-arrow {

  color:
    #a0b2b3;

  font-size: 12px;
}


.ekara-benefits__value-result {

  display: flex;

  align-items: center;

  gap: 8px;

  padding:
    7px 12px 7px 7px;

  border-radius: 999px;

  background:
    var(--ebe-dark);

  color:
    #ffffff;
}


.ekara-benefits__value-result div {

  width: 27px;
  height: 27px;

  display: flex;

  align-items: center;
  justify-content: center;

  border-radius: 50%;

  background:
    rgba(25, 214, 210, 0.10);

  color:
    var(--ebe-bright);
}


.ekara-benefits__value-result svg {

  width: 14px;
  height: 14px;

  fill: none;

  stroke:
    currentColor;

  stroke-width: 1.8;

  stroke-linecap: round;

  stroke-linejoin: round;
}


.ekara-benefits__value-result span {

  font-size: 8px;

  font-weight: 900;
}


/* =========================================================
   PART 2 — ENVIRONMENTS
========================================================= */

.ekara-environments {

  position: relative;

  padding:
    115px 0;

  overflow: hidden;

  background:
    #f0f8f8;
}


/* =========================================================
   ENVIRONMENT BACKGROUND
========================================================= */

.ekara-environments__background {

  position: absolute;

  inset: 0;

  pointer-events: none;
}


.ekara-environments__grid-bg {

  position: absolute;

  inset: 0;

  background-image:
    linear-gradient(
      rgba(0, 100, 100, 0.035) 1px,
      transparent 1px
    ),
    linear-gradient(
      90deg,
      rgba(0, 100, 100, 0.035) 1px,
      transparent 1px
    );

  background-size:
    60px 60px;

  mask-image:
    linear-gradient(
      to bottom,
      transparent,
      #000 25%,
      #000 75%,
      transparent
    );

  -webkit-mask-image:
    linear-gradient(
      to bottom,
      transparent,
      #000 25%,
      #000 75%,
      transparent
    );
}


.ekara-environments__glow {

  position: absolute;

  width: 650px;
  height: 650px;

  top: -320px;
  left: 50%;

  border-radius: 50%;

  background:
    rgba(0, 170, 168, 0.065);

  filter:
    blur(60px);

  transform:
    translateX(-50%);
}


/* =========================================================
   ENVIRONMENT HEADER
========================================================= */

.ekara-environments__header {

  max-width: 830px;

  margin:
    0 auto 65px;

  text-align: center;
}


.ekara-environments__eyebrow {

  margin-bottom: 16px;

  color:
    var(--ebe-teal);

  font-size: 9px;

  font-weight: 900;

  letter-spacing: .10em;

  text-transform: uppercase;
}


.ekara-environments__header h2 {

  margin: 0;

  color:
    var(--ebe-dark);

  font-size:
    clamp(
      42px,
      4vw,
      60px
    );

  line-height: 1.05;

  letter-spacing:
    -0.048em;

  font-weight: 900;
}


.ekara-environments__header h2 strong {

  color:
    var(--ebe-teal);

  font-weight: 900;
}


.ekara-environments__header p {

  max-width: 720px;

  margin:
    22px auto 0;

  color:
    var(--ebe-text);

  font-size: 14px;

  line-height: 1.7;
}


/* =========================================================
   ENVIRONMENTS GRID
========================================================= */

.ekara-environments__grid {

  display: grid;

  grid-template-columns:
    repeat(6, 1fr);

  gap: 14px;
}


/* =========================================================
   ENVIRONMENT CARD
========================================================= */

.ekara-environment-card {

  grid-column:
    span 2;

  position: relative;

  min-height: 285px;

  display: flex;

  flex-direction: column;

  padding:
    24px;

  border:
    1px solid
    rgba(0, 108, 110, 0.11);

  border-radius: 19px;

  background:
    rgba(255, 255, 255, 0.91);

  box-shadow:
    0 15px 40px
    rgba(0, 63, 67, 0.045);

  transition:
    transform .28s ease,
    box-shadow .28s ease,
    border-color .28s ease;
}


.ekara-environment-card:nth-child(4) {

  grid-column:
    2 / span 2;
}


.ekara-environment-card--enterprise {

  grid-column:
    4 / span 2;
}


.ekara-environment-card:hover {

  transform:
    translateY(-6px);

  border-color:
    rgba(0, 170, 168, 0.24);

  box-shadow:
    0 26px 55px
    rgba(0, 63, 67, 0.08);
}


/* =========================================================
   ENV CARD HEADER
========================================================= */

.ekara-environment-card__header {

  display: flex;

  align-items: flex-start;

  justify-content: space-between;
}


.ekara-environment-card__icon {

  width: 48px;
  height: 48px;

  display: flex;

  align-items: center;
  justify-content: center;

  border-radius: 13px;

  background:
    var(--ebe-dark);

  color:
    var(--ebe-bright);

  box-shadow:
    0 9px 20px
    rgba(0, 63, 67, 0.12);
}


.ekara-environment-card__icon svg {

  width: 21px;
  height: 21px;

  fill: none;

  stroke:
    currentColor;

  stroke-width: 1.7;

  stroke-linecap: round;

  stroke-linejoin: round;
}


.ekara-environment-card__index {

  color:
    rgba(0, 63, 67, 0.22);

  font-size: 9px;

  font-weight: 950;

  letter-spacing: .07em;
}


/* =========================================================
   ENV CARD CONTENT
========================================================= */

.ekara-environment-card__content {

  margin-top: 31px;
}


.ekara-environment-card__content > span {

  display: block;

  margin-bottom: 7px;

  color:
    var(--ebe-teal);

  font-size: 7px;

  font-weight: 900;

  letter-spacing: .08em;

  text-transform: uppercase;
}


.ekara-environment-card h3 {

  margin: 0;

  color:
    var(--ebe-dark);

  font-size: 18px;

  line-height: 1.3;

  font-weight: 900;

  letter-spacing:
    -.015em;
}


.ekara-environment-card p {

  margin:
    10px 0 0;

  color:
    var(--ebe-text);

  font-size: 11px;

  line-height: 1.65;
}


/* =========================================================
   TAGS
========================================================= */

.ekara-environment-card__tags {

  display: flex;

  flex-wrap: wrap;

  gap: 5px;

  margin-top: auto;

  padding-top: 25px;
}


.ekara-environment-card__tags span {

  padding:
    6px 8px;

  border:
    1px solid
    rgba(0, 170, 168, 0.09);

  border-radius: 999px;

  background:
    var(--ebe-light);

  color:
    var(--ebe-teal);

  font-size: 6px;

  font-weight: 850;
}


/* =========================================================
   ENV FOOTER
========================================================= */

.ekara-environments__footer {

  display: grid;

  grid-template-columns:
    minmax(260px, .75fr)
    minmax(500px, 1.25fr);

  align-items: center;

  gap: 50px;

  margin-top: 45px;

  padding:
    25px 28px;

  border-radius: 18px;

  background:
    linear-gradient(
      135deg,
      var(--ebe-deep),
      var(--ebe-dark)
    );

  box-shadow:
    0 25px 60px
    rgba(0, 63, 67, 0.14);
}


.ekara-environments__footer-label {

  display: block;

  margin-bottom: 5px;

  color:
    var(--ebe-bright);

  font-size: 7px;

  font-weight: 900;

  letter-spacing: .09em;
}


.ekara-environments__footer-left strong {

  display: block;

  max-width: 390px;

  color:
    #ffffff;

  font-size: 14px;

  line-height: 1.45;
}


/* =========================================================
   FOOTER FLOW
========================================================= */

.ekara-environments__footer-flow {

  display: flex;

  align-items: center;

  justify-content: flex-end;

  gap: 10px;
}


.ekara-environments__footer-flow > div {

  min-width: 92px;

  padding:
    9px 11px;

  border:
    1px solid
    rgba(255,255,255,.08);

  border-radius: 9px;

  background:
    rgba(255,255,255,.05);

  text-align: center;
}


.ekara-environments__footer-flow span {

  display: block;

  color:
    rgba(255,255,255,.78);

  font-size: 7px;

  font-weight: 850;
}


.ekara-environments__footer-flow i {

  display: block;

  width: 6px;
  height: 6px;

  margin:
    6px auto 0;

  border-radius: 50%;

  background:
    var(--ebe-green);

  box-shadow:
    0 0 0 4px
    rgba(37,173,124,.08);
}


.ekara-environments__footer-flow b {

  color:
    var(--ebe-bright);

  font-size: 11px;
}


.ekara-environments__footer-flow
.ekara-environments__footer-flow-final {

  border-color:
    rgba(25,214,210,.20);

  background:
    rgba(25,214,210,.10);
}


.ekara-environments__footer-flow-final span {

  color:
    var(--ebe-bright);
}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 1100px) {

  .ekara-benefits,
  .ekara-environments {

    padding:
      90px 0;
  }


  .ekara-benefits__container,
  .ekara-environments__container {

    width:
      min(
        calc(100% - 48px),
        900px
      );
  }


  .ekara-benefits__header {

    grid-template-columns:
      1fr;

    gap: 30px;
  }


  .ekara-benefits__summary {

    max-width: 500px;
  }


  .ekara-benefits__grid {

    grid-template-columns:
      repeat(2, 1fr);
  }


  .ekara-benefit-card--featured {

    grid-row:
      span 1;

    min-height: 300px;
  }


  .ekara-benefit-card--wide {

    grid-column:
      span 2;
  }


  .ekara-environments__grid {

    grid-template-columns:
      repeat(2, 1fr);
  }


  .ekara-environment-card,
  .ekara-environment-card:nth-child(4),
  .ekara-environment-card--enterprise {

    grid-column:
      auto;
  }


  .ekara-environment-card--enterprise {

    grid-column:
      1 / -1;
  }


  .ekara-environments__footer {

    grid-template-columns:
      1fr;

    gap: 25px;
  }


  .ekara-environments__footer-flow {

    justify-content:
      flex-start;
  }

}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 700px) {

  .ekara-benefits,
  .ekara-environments {

    padding:
      70px 0;
  }


  .ekara-benefits__container,
  .ekara-environments__container {

    width:
      calc(100% - 30px);
  }


  .ekara-benefits__header h2,
  .ekara-environments__header h2 {

    font-size:
      clamp(
        34px,
        10vw,
        44px
      );
  }


  .ekara-benefits__grid {

    grid-template-columns:
      1fr;
  }


  .ekara-benefit-card,
  .ekara-benefit-card--featured {

    min-height: auto;
  }


  .ekara-benefit-card--featured {

    padding:
      25px;

    gap: 45px;
  }


  .ekara-benefit-card--featured
  .ekara-benefit-card__content {

    margin:
      10px 0;
  }


  .ekara-benefit-card--wide {

    grid-column:
      auto;

    display: flex;

    min-height: auto;
  }


  .ekara-benefit-card--wide
  .ekara-benefit-card__top {

    width: 100%;

    flex-direction: row;

    justify-content: space-between;
  }


  .ekara-benefit-card--wide
  .ekara-benefit-card__content {

    margin-top: 25px;
  }


  .ekara-benefit-card__history {

    width: 100%;

    margin-top: 25px;
  }


  .ekara-benefits__value-chain {

    flex-wrap: wrap;

    justify-content: flex-start;
  }


  .ekara-benefits__value-arrow {

    display: none;
  }


  .ekara-environments__grid {

    grid-template-columns:
      1fr;
  }


  .ekara-environment-card,
  .ekara-environment-card--enterprise {

    grid-column:
      auto;

    min-height: auto;
  }


  .ekara-environments__footer {

    padding:
      22px 18px;
  }


  .ekara-environments__footer-flow {

    display: grid;

    grid-template-columns:
      repeat(2, 1fr);

    width: 100%;
  }


  .ekara-environments__footer-flow b {

    display: none;
  }


  .ekara-environments__footer-flow > div {

    min-width: 0;
  }

}


/* =========================================================
   SMALL MOBILE
========================================================= */

@media (max-width: 430px) {

  .ekara-benefits__summary {

    grid-template-columns:
      40px 1fr;
  }


  .ekara-benefits__summary-icon {

    width: 40px;
    height: 40px;
  }


  .ekara-benefit-card {

    padding: 20px;
  }


  .ekara-benefit-card__history {

    grid-template-columns:
      repeat(2, 1fr);

    gap: 15px;
  }


  .ekara-benefit-card__history
  div::after {

    display: none;
  }

}


/* =========================================================
   REDUCED MOTION
========================================================= */

@media (prefers-reduced-motion: reduce) {

  .ekara-benefits-env *,
  .ekara-benefits-env *::before,
  .ekara-benefits-env *::after {

    transition-duration:
      .01ms !important;

    animation-duration:
      .01ms !important;

    animation-iteration-count:
      1 !important;
  }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d72888a *//* =========================================================
   EKARA — FAQ + FINAL SECURITY CTA
========================================================= */

.ekara-security-final {

  --esf-dark: #003f43;
  --esf-deep: #002e32;
  --esf-deeper: #00262a;

  --esf-teal: #00aaa8;
  --esf-bright: #1ad8d3;

  --esf-light: #eafafa;
  --esf-light-2: #f5fbfb;

  --esf-green: #27b37f;
  --esf-green-light: #e9f8f2;

  --esf-text: #40595b;
  --esf-muted: #748a8c;

  position: relative;

  left: 50%;

  width: 100vw;
  max-width: 100vw;

  margin-left: -50vw;
  margin-right: -50vw;

  overflow: hidden;

  font-family:
    Inter,
    Arial,
    Helvetica,
    sans-serif;
}


/* =========================================================
   ELEMENTOR FULL WIDTH
========================================================= */

.elementor-section:has(.ekara-security-final),
.elementor-container:has(.ekara-security-final),
.elementor-widget:has(.ekara-security-final),
.elementor-widget-container:has(.ekara-security-final),
.elementor-widget-html:has(.ekara-security-final),
.e-con:has(.ekara-security-final),
.e-con-inner:has(.ekara-security-final) {

  width: 100% !important;
  max-width: none !important;

  margin-left: 0 !important;
  margin-right: 0 !important;

  padding-left: 0 !important;
  padding-right: 0 !important;

  overflow: visible !important;
}


/* =========================================================
   FAQ SECTION
========================================================= */

.ekara-security-faq {

  position: relative;

  padding:
    115px 0 120px;

  overflow: hidden;

  background:
    linear-gradient(
      180deg,
      #ffffff 0%,
      #fbfdfd 100%
    );
}


/* =========================================================
   FAQ BACKGROUND
========================================================= */

.ekara-security-faq__decor {

  position: absolute;

  inset: 0;

  pointer-events: none;
}


.ekara-security-faq__glow {

  position: absolute;

  width: 620px;
  height: 620px;

  top: -330px;
  left: 50%;

  transform:
    translateX(-50%);

  border-radius: 50%;

  background:
    rgba(26, 216, 211, 0.055);

  filter:
    blur(50px);
}


.ekara-security-faq__dots {

  position: absolute;

  width: 390px;
  height: 390px;

  right: -90px;
  bottom: 20px;

  background-image:
    radial-gradient(
      rgba(0, 170, 168, 0.14) 1px,
      transparent 1px
    );

  background-size:
    22px 22px;

  mask-image:
    radial-gradient(
      circle,
      #000,
      transparent 68%
    );

  -webkit-mask-image:
    radial-gradient(
      circle,
      #000,
      transparent 68%
    );

  opacity: .30;
}


/* =========================================================
   CONTAINERS
========================================================= */

.ekara-security-faq__container,
.ekara-security-cta__container {

  position: relative;

  z-index: 2;

  width:
    min(
      calc(100% - 64px),
      1400px
    );

  margin: 0 auto;
}


/* =========================================================
   FAQ HEADER
========================================================= */

.ekara-security-faq__header {

  max-width: 880px;

  margin:
    0 auto 65px;

  text-align: center;
}


.ekara-security-faq__eyebrow {

  display: flex;

  align-items: center;
  justify-content: center;

  gap: 9px;

  margin-bottom: 17px;

  color:
    var(--esf-teal);

  font-size: 9px;

  font-weight: 900;

  letter-spacing: .10em;

  text-transform: uppercase;
}


.ekara-security-faq__eyebrow span {

  width: 7px;
  height: 7px;

  border-radius: 50%;

  background:
    var(--esf-teal);

  box-shadow:
    0 0 0 5px
    rgba(0, 170, 168, .08);
}


.ekara-security-faq__header h2 {

  margin: 0;

  color:
    var(--esf-dark);

  font-size:
    clamp(
      42px,
      4vw,
      60px
    );

  line-height: 1.06;

  letter-spacing:
    -.048em;

  font-weight: 900;
}


.ekara-security-faq__header h2 strong {

  display: block;

  margin-top: 5px;

  color:
    var(--esf-teal);

  font-weight: 900;
}


.ekara-security-faq__header p {

  max-width: 700px;

  margin:
    20px auto 0;

  color:
    var(--esf-text);

  font-size: 14px;

  line-height: 1.7;
}


/* =========================================================
   FAQ LAYOUT
========================================================= */

.ekara-security-faq__layout {

  display: grid;

  grid-template-columns:
    minmax(350px, .78fr)
    minmax(500px, 1.22fr);

  align-items: start;

  gap:
    clamp(
      45px,
      6vw,
      90px
    );
}


/* =========================================================
   FAQ ASIDE
========================================================= */

.ekara-security-faq__aside {

  position: sticky;

  top: 30px;

  padding:
    26px;

  border-radius: 22px;

  overflow: hidden;

  background:
    linear-gradient(
      145deg,
      var(--esf-deep),
      var(--esf-dark)
    );

  box-shadow:
    0 30px 70px
    rgba(0, 63, 67, .16);
}


.ekara-security-faq__aside::before {

  content: "";

  position: absolute;

  width: 280px;
  height: 280px;

  top: -160px;
  right: -120px;

  border-radius: 50%;

  background:
    rgba(26, 216, 211, .10);

  filter:
    blur(30px);
}


/* =========================================================
   ASIDE TOP
========================================================= */

.ekara-security-faq__aside-top {

  position: relative;

  z-index: 2;

  display: flex;

  align-items: center;
  justify-content: space-between;

  gap: 20px;
}


.ekara-security-faq__aside-label {

  color:
    #ffffff;

  font-size: 12px;

  font-weight: 950;

  letter-spacing: -.02em;
}


.ekara-security-faq__live {

  display: flex;

  align-items: center;

  gap: 6px;

  padding:
    6px 8px;

  border:
    1px solid
    rgba(255,255,255,.08);

  border-radius: 999px;

  background:
    rgba(255,255,255,.05);

  color:
    rgba(255,255,255,.70);

  font-size: 6px;

  font-weight: 850;
}


.ekara-security-faq__live i {

  width: 6px;
  height: 6px;

  border-radius: 50%;

  background:
    var(--esf-green);

  box-shadow:
    0 0 0 4px
    rgba(39,179,127,.09);
}


/* =========================================================
   ASIDE CONTENT
========================================================= */

.ekara-security-faq__aside-content {

  position: relative;

  z-index: 2;

  margin-top: 55px;
}


.ekara-security-faq__shield {

  width: 48px;
  height: 48px;

  display: flex;

  align-items: center;
  justify-content: center;

  margin-bottom: 18px;

  border-radius: 13px;

  background:
    rgba(26, 216, 211, .11);

  color:
    var(--esf-bright);
}


.ekara-security-faq__shield svg {

  width: 23px;
  height: 23px;

  fill: none;

  stroke:
    currentColor;

  stroke-width: 1.8;

  stroke-linecap: round;

  stroke-linejoin: round;
}


.ekara-security-faq__aside-kicker {

  display: block;

  margin-bottom: 7px;

  color:
    var(--esf-bright);

  font-size: 7px;

  font-weight: 900;

  letter-spacing: .09em;

  text-transform: uppercase;
}


.ekara-security-faq__aside-content h3 {

  max-width: 370px;

  margin: 0;

  color:
    #ffffff;

  font-size:
    clamp(
      24px,
      2vw,
      31px
    );

  line-height: 1.17;

  letter-spacing:
    -.035em;

  font-weight: 900;
}


.ekara-security-faq__aside-content h3 strong {

  display: block;

  color:
    var(--esf-bright);

  font-weight: 900;
}


.ekara-security-faq__aside-content p {

  max-width: 390px;

  margin:
    16px 0 0;

  color:
    rgba(235,252,251,.64);

  font-size: 11px;

  line-height: 1.65;
}


/* =========================================================
   MINI MONITOR
========================================================= */

.ekara-security-faq__monitor {

  position: relative;

  z-index: 2;

  margin-top: 36px;

  padding:
    16px;

  border:
    1px solid
    rgba(255,255,255,.08);

  border-radius: 14px;

  background:
    rgba(255,255,255,.055);

  backdrop-filter:
    blur(10px);

  -webkit-backdrop-filter:
    blur(10px);
}


.ekara-security-faq__monitor-head {

  display: flex;

  align-items: center;
  justify-content: space-between;

  margin-bottom: 14px;
}


.ekara-security-faq__monitor-head span {

  color:
    rgba(255,255,255,.78);

  font-size: 7px;

  font-weight: 850;
}


.ekara-security-faq__monitor-head b {

  padding:
    4px 6px;

  border-radius: 999px;

  background:
    rgba(39,179,127,.11);

  color:
    #4adca6;

  font-size: 5px;

  letter-spacing: .06em;
}


/* JOURNEY */

.ekara-security-faq__journey {

  display: flex;

  flex-direction: column;
}


.ekara-security-faq__journey-step {

  display: grid;

  grid-template-columns:
    28px 1fr auto;

  align-items: center;

  gap: 9px;

  padding:
    8px 9px;

  border-radius: 8px;

  background:
    rgba(255,255,255,.045);
}


.ekara-security-faq__journey-icon {

  width: 25px;
  height: 25px;

  display: flex;

  align-items: center;
  justify-content: center;

  border-radius: 7px;

  background:
    rgba(39,179,127,.12);

  color:
    #4adca6;

  font-size: 7px;

  font-weight: 900;
}


.ekara-security-faq__journey-step small {

  display: block;

  color:
    rgba(255,255,255,.35);

  font-size: 5px;
}


.ekara-security-faq__journey-step strong {

  display: block;

  margin-top: 1px;

  color:
    rgba(255,255,255,.88);

  font-size: 7px;
}


.ekara-security-faq__journey-step > b {

  color:
    #4adca6;

  font-size: 5px;

  letter-spacing: .04em;
}


.ekara-security-faq__journey-line {

  position: relative;

  width: 1px;
  height: 7px;

  margin-left: 21px;

  overflow: hidden;

  background:
    rgba(26,216,211,.15);
}


.ekara-security-faq__journey-line i {

  position: absolute;

  top: -100%;
  left: 0;

  width: 100%;
  height: 100%;

  background:
    var(--esf-bright);

  animation:
    esfJourney 1.8s linear infinite;
}


/* =========================================================
   ASIDE FOOTER
========================================================= */

.ekara-security-faq__aside-footer {

  position: relative;

  z-index: 2;

  margin-top: 27px;

  padding-top: 19px;

  border-top:
    1px solid
    rgba(255,255,255,.07);
}


.ekara-security-faq__aside-footer span {

  display: block;

  color:
    rgba(255,255,255,.34);

  font-size: 6px;

  font-weight: 900;

  letter-spacing: .08em;
}


.ekara-security-faq__aside-footer strong {

  display: block;

  margin-top: 4px;

  color:
    rgba(255,255,255,.78);

  font-size: 9px;
}


/* =========================================================
   FAQ QUESTIONS
========================================================= */

.ekara-security-faq__questions {

  display: flex;

  flex-direction: column;

  gap: 10px;
}


.ekara-security-faq__item {

  position: relative;

  border:
    1px solid
    #e0e9e9;

  border-radius: 15px;

  overflow: hidden;

  background:
    #ffffff;

  box-shadow:
    0 8px 25px
    rgba(0,63,67,.035);

  transition:
    border-color .25s ease,
    box-shadow .25s ease;
}


.ekara-security-faq__item[open] {

  border-color:
    rgba(0,170,168,.23);

  box-shadow:
    0 16px 40px
    rgba(0,63,67,.065);
}


/* =========================================================
   SUMMARY
========================================================= */

.ekara-security-faq__item summary {

  display: grid;

  grid-template-columns:
    32px 1fr 34px;

  align-items: center;

  gap: 14px;

  min-height: 77px;

  padding:
    15px 18px;

  cursor: pointer;

  list-style: none;

  user-select: none;
}


.ekara-security-faq__item summary::-webkit-details-marker {

  display: none;
}


.ekara-security-faq__number {

  color:
    #a0b1b2;

  font-size: 7px;

  font-weight: 900;

  letter-spacing: .07em;
}


.ekara-security-faq__item summary h3 {

  margin: 0;

  color:
    var(--esf-dark);

  font-size: 14px;

  line-height: 1.4;

  font-weight: 850;

  letter-spacing:
    -.01em;
}


/* =========================================================
   PLUS / MINUS
========================================================= */

.ekara-security-faq__toggle {

  position: relative;

  width: 31px;
  height: 31px;

  display: block;

  border-radius: 9px;

  background:
    var(--esf-light);

  transition:
    background .25s ease;
}


.ekara-security-faq__toggle::before,
.ekara-security-faq__toggle::after {

  content: "";

  position: absolute;

  top: 50%;
  left: 50%;

  width: 11px;
  height: 1.5px;

  border-radius: 5px;

  background:
    var(--esf-teal);

  transform:
    translate(-50%, -50%);

  transition:
    transform .25s ease;
}


.ekara-security-faq__toggle::after {

  transform:
    translate(-50%, -50%)
    rotate(90deg);
}


.ekara-security-faq__item[open]
.ekara-security-faq__toggle {

  background:
    var(--esf-dark);
}


.ekara-security-faq__item[open]
.ekara-security-faq__toggle::before,
.ekara-security-faq__item[open]
.ekara-security-faq__toggle::after {

  background:
    var(--esf-bright);
}


.ekara-security-faq__item[open]
.ekara-security-faq__toggle::after {

  transform:
    translate(-50%, -50%)
    rotate(0deg);
}


/* =========================================================
   FAQ ANSWER
========================================================= */

.ekara-security-faq__answer {

  padding:
    0 64px 22px;

  animation:
    esfFaqOpen .28s ease;
}


.ekara-security-faq__answer p {

  max-width: 680px;

  margin: 0;

  color:
    var(--esf-text);

  font-size: 11px;

  line-height: 1.75;
}


.ekara-security-faq__answer strong {

  color:
    var(--esf-dark);

  font-weight: 850;
}


/* CHIPS */

.ekara-security-faq__chips {

  display: flex;

  flex-wrap: wrap;

  gap: 6px;

  margin-top: 13px;
}


.ekara-security-faq__chips span {

  padding:
    6px 9px;

  border-radius: 999px;

  background:
    var(--esf-light);

  color:
    var(--esf-teal);

  font-size: 6px;

  font-weight: 900;
}


/* =========================================================
   FINAL CTA SECTION
========================================================= */

.ekara-security-cta {

  position: relative;

  padding:
    125px 0;

  overflow: hidden;

  background:
    linear-gradient(
      135deg,
      #00282c 0%,
      #003f43 46%,
      #005457 100%
    );
}


/* =========================================================
   CTA BACKGROUND
========================================================= */

.ekara-security-cta__background {

  position: absolute;

  inset: 0;

  pointer-events: none;
}


.ekara-security-cta__grid {

  position: absolute;

  inset: 0;

  background-image:
    linear-gradient(
      rgba(255,255,255,.022) 1px,
      transparent 1px
    ),
    linear-gradient(
      90deg,
      rgba(255,255,255,.022) 1px,
      transparent 1px
    );

  background-size:
    65px 65px;

  mask-image:
    radial-gradient(
      circle at 70% 50%,
      #000,
      transparent 75%
    );

  -webkit-mask-image:
    radial-gradient(
      circle at 70% 50%,
      #000,
      transparent 75%
    );
}


.ekara-security-cta__glow {

  position: absolute;

  border-radius: 50%;

  filter:
    blur(55px);
}


.ekara-security-cta__glow--one {

  width: 650px;
  height: 650px;

  top: -320px;
  right: -150px;

  background:
    rgba(26,216,211,.09);
}


.ekara-security-cta__glow--two {

  width: 500px;
  height: 500px;

  bottom: -300px;
  left: -180px;

  background:
    rgba(0,170,168,.08);
}


/* =========================================================
   CTA CONTAINER
========================================================= */

.ekara-security-cta__container {

  display: grid;

  grid-template-columns:
    minmax(480px, 1.05fr)
    minmax(440px, .95fr);

  align-items: center;

  gap:
    clamp(
      70px,
      8vw,
      125px
    );
}


/* =========================================================
   CTA CONTENT
========================================================= */

.ekara-security-cta__eyebrow {

  display: flex;

  align-items: center;

  gap: 9px;

  margin-bottom: 17px;

  color:
    var(--esf-bright);

  font-size: 9px;

  font-weight: 900;

  letter-spacing: .10em;

  text-transform: uppercase;
}


.ekara-security-cta__eyebrow span {

  width: 7px;
  height: 7px;

  border-radius: 50%;

  background:
    var(--esf-bright);

  box-shadow:
    0 0 0 5px
    rgba(26,216,211,.09);
}


.ekara-security-cta__content h2 {

  max-width: 720px;

  margin: 0;

  color:
    #ffffff;

  font-size:
    clamp(
      42px,
      4.3vw,
      64px
    );

  line-height: 1.04;

  letter-spacing:
    -.05em;

  font-weight: 900;
}


.ekara-security-cta__content h2 strong {

  display: block;

  margin-top: 5px;

  color:
    var(--esf-bright);

  font-weight: 900;
}


/* =========================================================
   INCIDENTS
========================================================= */

.ekara-security-cta__incidents {

  display: grid;

  grid-template-columns:
    repeat(2, 1fr);

  gap: 7px;

  margin-top: 34px;
}


.ekara-security-cta__incident {

  display: grid;

  grid-template-columns:
    25px 1fr;

  align-items: center;

  gap: 9px;

  padding:
    10px 12px;

  border:
    1px solid
    rgba(255,255,255,.07);

  border-radius: 9px;

  background:
    rgba(255,255,255,.045);
}


.ekara-security-cta__incident span {

  color:
    rgba(255,255,255,.27);

  font-size: 6px;

  font-weight: 900;
}


.ekara-security-cta__incident p {

  margin: 0;

  color:
    rgba(255,255,255,.76);

  font-size: 8px;

  line-height: 1.4;
}


/* =========================================================
   MESSAGE
========================================================= */

.ekara-security-cta__message {

  margin-top: 21px;

  padding:
    14px 16px;

  border-left:
    3px solid
    var(--esf-bright);

  border-radius:
    0 10px 10px 0;

  background:
    rgba(26,216,211,.065);
}


.ekara-security-cta__message p {

  margin: 0;

  color:
    rgba(255,255,255,.73);

  font-size: 11px;

  line-height: 1.6;
}


.ekara-security-cta__message strong {

  color:
    #ffffff;

  font-weight: 900;
}


.ekara-security-cta__description {

  max-width: 680px;

  margin:
    22px 0 0;

  color:
    rgba(235,252,251,.66);

  font-size: 13px;

  line-height: 1.7;
}


.ekara-security-cta__description strong {

  color:
    #ffffff;

  font-weight: 900;
}


/* =========================================================
   CTA BUTTONS
========================================================= */

.ekara-security-cta__buttons {

  display: flex;

  flex-wrap: wrap;

  align-items: center;

  gap: 10px;

  margin-top: 30px;
}


.ekara-security-cta__button {

  min-height: 47px;

  display: inline-flex;

  align-items: center;
  justify-content: center;

  gap: 9px;

  padding:
    11px 17px;

  border-radius: 9px;

  text-decoration: none !important;

  font-size: 9px;

  font-weight: 900;

  line-height: 1.35;

  transition:
    transform .25s ease,
    box-shadow .25s ease,
    background .25s ease;
}


.ekara-security-cta__button:hover {

  transform:
    translateY(-2px);
}


.ekara-security-cta__button--primary {

  max-width: 380px;

  background:
    var(--esf-bright);

  color:
    var(--esf-dark) !important;

  box-shadow:
    0 13px 30px
    rgba(26,216,211,.13);
}


.ekara-security-cta__button--primary:hover {

  box-shadow:
    0 18px 38px
    rgba(26,216,211,.20);
}


.ekara-security-cta__button--primary svg {

  width: 16px;
  height: 16px;

  flex:
    0 0 16px;

  fill: none;

  stroke:
    currentColor;

  stroke-width: 1.8;

  stroke-linecap: round;

  stroke-linejoin: round;
}


.ekara-security-cta__button--secondary {

  border:
    1px solid
    rgba(255,255,255,.17);

  background:
    rgba(255,255,255,.055);

  color:
    #ffffff !important;
}


.ekara-security-cta__button--secondary:hover {

  background:
    rgba(255,255,255,.09);
}


/* =========================================================
   RIGHT VISUAL
========================================================= */

.ekara-security-cta__visual {

  position: relative;

  min-height: 570px;

  display: flex;

  align-items: center;
  justify-content: center;
}


.ekara-security-cta__visual-glow {

  position: absolute;

  width: 400px;
  height: 400px;

  border-radius: 50%;

  background:
    rgba(26,216,211,.08);

  filter:
    blur(50px);
}


/* =========================================================
   MONITOR
========================================================= */

.ekara-security-cta__monitor {

  position: relative;

  z-index: 2;

  width: min(100%, 475px);

  padding:
    20px;

  border:
    1px solid
    rgba(255,255,255,.11);

  border-radius: 21px;

  background:
    rgba(4, 53, 57, .74);

  box-shadow:
    0 40px 90px
    rgba(0,0,0,.22);

  backdrop-filter:
    blur(18px);

  -webkit-backdrop-filter:
    blur(18px);
}


/* =========================================================
   MONITOR HEADER
========================================================= */

.ekara-security-cta__monitor-header {

  display: flex;

  align-items: center;
  justify-content: space-between;

  gap: 15px;

  padding-bottom: 16px;

  border-bottom:
    1px solid
    rgba(255,255,255,.07);
}


.ekara-security-cta__monitor-brand {

  display: flex;

  align-items: center;

  gap: 9px;
}


.ekara-security-cta__monitor-logo {

  width: 35px;
  height: 35px;

  display: flex;

  align-items: center;
  justify-content: center;

  border-radius: 9px;

  background:
    var(--esf-bright);

  color:
    var(--esf-dark);

  font-size: 13px;

  font-weight: 950;
}


.ekara-security-cta__monitor-brand span {

  display: block;

  color:
    #ffffff;

  font-size: 9px;

  font-weight: 900;
}


.ekara-security-cta__monitor-brand small {

  display: block;

  margin-top: 2px;

  color:
    rgba(255,255,255,.35);

  font-size: 5px;
}


.ekara-security-cta__monitor-live {

  display: flex;

  align-items: center;

  gap: 5px;

  padding:
    5px 7px;

  border-radius: 999px;

  background:
    rgba(39,179,127,.10);

  color:
    #4adca6;

  font-size: 5px;

  font-weight: 900;

  letter-spacing: .07em;
}


.ekara-security-cta__monitor-live span {

  width: 5px;
  height: 5px;

  border-radius: 50%;

  background:
    #4adca6;

  box-shadow:
    0 0 0 4px
    rgba(74,220,166,.07);
}


/* =========================================================
   STATUS
========================================================= */

.ekara-security-cta__monitor-status {

  display: flex;

  align-items: center;
  justify-content: space-between;

  gap: 20px;

  margin-top: 18px;

  padding:
    14px;

  border:
    1px solid
    rgba(39,179,127,.10);

  border-radius: 11px;

  background:
    rgba(39,179,127,.055);
}


.ekara-security-cta__monitor-status small {

  display: block;

  color:
    rgba(255,255,255,.34);

  font-size: 5px;
}


.ekara-security-cta__monitor-status strong {

  display: block;

  margin-top: 2px;

  color:
    #ffffff;

  font-size: 8px;
}


.ekara-security-cta__monitor-status > span {

  color:
    #4adca6;

  font-size: 17px;

  font-weight: 900;
}


/* =========================================================
   MONITOR JOURNEY
========================================================= */

.ekara-security-cta__monitor-journey {

  margin-top: 15px;
}


.ekara-security-cta__monitor-step {

  display: grid;

  grid-template-columns:
    24px 34px 1fr auto;

  align-items: center;

  gap: 9px;

  padding:
    10px 11px;

  border:
    1px solid
    rgba(255,255,255,.06);

  border-radius: 10px;

  background:
    rgba(255,255,255,.035);
}


.ekara-security-cta__step-number {

  color:
    rgba(255,255,255,.25);

  font-size: 5px;

  font-weight: 900;
}


.ekara-security-cta__step-icon {

  width: 31px;
  height: 31px;

  display: flex;

  align-items: center;
  justify-content: center;

  border-radius: 8px;

  background:
    rgba(39,179,127,.11);

  color:
    #4adca6;

  font-size: 7px;

  font-weight: 900;
}


.ekara-security-cta__step-content small {

  display: block;

  color:
    rgba(255,255,255,.32);

  font-size: 5px;
}


.ekara-security-cta__step-content strong {

  display: block;

  margin-top: 2px;

  color:
    rgba(255,255,255,.88);

  font-size: 7px;
}


.ekara-security-cta__step-status {

  color:
    #4adca6;

  font-size: 5px;

  font-weight: 900;

  letter-spacing: .04em;
}


.ekara-security-cta__monitor-connector {

  position: relative;

  width: 1px;
  height: 9px;

  margin-left: 51px;

  overflow: hidden;

  background:
    rgba(26,216,211,.14);
}


.ekara-security-cta__monitor-connector i {

  position: absolute;

  top: -100%;
  left: 0;

  width: 100%;
  height: 100%;

  background:
    var(--esf-bright);

  animation:
    esfJourney 1.8s linear infinite;
}


/* =========================================================
   MONITOR FOOTER
========================================================= */

.ekara-security-cta__monitor-footer {

  display: flex;

  align-items: center;
  justify-content: space-between;

  gap: 15px;

  margin-top: 16px;

  padding-top: 15px;

  border-top:
    1px solid
    rgba(255,255,255,.07);
}


.ekara-security-cta__monitor-footer > div {

  display: flex;

  align-items: center;

  gap: 7px;
}


.ekara-security-cta__monitor-footer p {

  margin: 0;

  color:
    rgba(255,255,255,.40);

  font-size: 5px;
}


.ekara-security-cta__monitor-footer > strong {

  color:
    #4adca6;

  font-size: 6px;
}


.ekara-security-cta__pulse {

  position: relative;

  width: 7px;
  height: 7px;

  border-radius: 50%;

  background:
    #4adca6;
}


.ekara-security-cta__pulse i {

  position: absolute;

  inset: -4px;

  border:
    1px solid
    rgba(74,220,166,.30);

  border-radius: 50%;

  animation:
    esfPulse 1.7s ease-out infinite;
}


/* =========================================================
   FLOATING BADGE
========================================================= */

.ekara-security-cta__floating {

  position: absolute;

  z-index: 4;

  right: -10px;
  bottom: 40px;

  display: grid;

  grid-template-columns:
    39px 1fr;

  align-items: center;

  gap: 10px;

  min-width: 230px;

  padding:
    11px 13px;

  border:
    1px solid
    rgba(255,255,255,.12);

  border-radius: 12px;

  background:
    rgba(255,255,255,.96);

  box-shadow:
    0 18px 45px
    rgba(0,0,0,.17);
}


.ekara-security-cta__floating-icon {

  width: 38px;
  height: 38px;

  display: flex;

  align-items: center;
  justify-content: center;

  border-radius: 10px;

  background:
    var(--esf-dark);

  color:
    var(--esf-bright);
}


.ekara-security-cta__floating-icon svg {

  width: 19px;
  height: 19px;

  fill: none;

  stroke:
    currentColor;

  stroke-width: 1.8;

  stroke-linecap: round;

  stroke-linejoin: round;
}


.ekara-security-cta__floating small {

  display: block;

  color:
    var(--esf-muted);

  font-size: 5px;

  text-transform: uppercase;

  letter-spacing: .05em;
}


.ekara-security-cta__floating strong {

  display: block;

  margin-top: 2px;

  color:
    var(--esf-dark);

  font-size: 7px;

  line-height: 1.35;
}


/* =========================================================
   ANIMATIONS
========================================================= */

@keyframes esfJourney {

  0% {
    top: -100%;
  }

  100% {
    top: 100%;
  }

}


@keyframes esfPulse {

  0% {
    transform: scale(.8);
    opacity: 1;
  }

  100% {
    transform: scale(1.7);
    opacity: 0;
  }

}


@keyframes esfFaqOpen {

  from {
    opacity: 0;
    transform: translateY(-4px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }

}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 1100px) {

  .ekara-security-faq,
  .ekara-security-cta {

    padding:
      90px 0;
  }


  .ekara-security-faq__container,
  .ekara-security-cta__container {

    width:
      min(
        calc(100% - 48px),
        900px
      );
  }


  .ekara-security-faq__layout {

    grid-template-columns:
      1fr;

    gap: 35px;
  }


  .ekara-security-faq__aside {

    position: relative;

    top: auto;
  }


  .ekara-security-faq__aside-content {

    margin-top: 35px;
  }


  .ekara-security-faq__monitor {

    max-width: 600px;
  }


  .ekara-security-cta__container {

    grid-template-columns:
      1fr;

    gap: 70px;
  }


  .ekara-security-cta__content {

    max-width: 760px;
  }


  .ekara-security-cta__visual {

    min-height: 520px;
  }


  .ekara-security-cta__monitor {

    width:
      min(
        100%,
        520px
      );
  }

}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 700px) {

  .ekara-security-faq,
  .ekara-security-cta {

    padding:
      70px 0;
  }


  .ekara-security-faq__container,
  .ekara-security-cta__container {

    width:
      calc(100% - 30px);
  }


  .ekara-security-faq__header {

    margin-bottom: 45px;
  }


  .ekara-security-faq__header h2,
  .ekara-security-cta__content h2 {

    font-size:
      clamp(
        34px,
        10vw,
        44px
      );
  }


  .ekara-security-faq__aside {

    padding: 20px;
  }


  .ekara-security-faq__aside-content {

    margin-top: 35px;
  }


  .ekara-security-faq__item summary {

    grid-template-columns:
      23px 1fr 30px;

    gap: 9px;

    min-height: 70px;

    padding:
      13px 12px;
  }


  .ekara-security-faq__item summary h3 {

    font-size: 12px;
  }


  .ekara-security-faq__answer {

    padding:
      0 45px 19px;
  }


  .ekara-security-cta__incidents {

    grid-template-columns:
      1fr;
  }


  .ekara-security-cta__buttons {

    align-items: stretch;

    flex-direction: column;
  }


  .ekara-security-cta__button {

    width: 100%;

    max-width: none;

    text-align: center;
  }


  .ekara-security-cta__visual {

    min-height: auto;

    padding-bottom: 80px;
  }


  .ekara-security-cta__monitor {

    padding: 15px;

    border-radius: 17px;
  }


  .ekara-security-cta__floating {

    right: 0;
    bottom: 0;

    min-width: 215px;
  }

}


/* =========================================================
   SMALL MOBILE
========================================================= */

@media (max-width: 430px) {

  .ekara-security-faq__answer {

    padding:
      0 15px 18px 44px;
  }


  .ekara-security-cta__monitor-step {

    grid-template-columns:
      20px 30px 1fr auto;

    gap: 6px;

    padding:
      9px 7px;
  }


  .ekara-security-cta__step-icon {

    width: 28px;
    height: 28px;
  }


  .ekara-security-cta__monitor-connector {

    margin-left: 42px;
  }

}


/* =========================================================
   ACCESSIBILITY
========================================================= */

@media (prefers-reduced-motion: reduce) {

  .ekara-security-final *,
  .ekara-security-final *::before,
  .ekara-security-final *::after {

    animation-duration:
      .01ms !important;

    animation-iteration-count:
      1 !important;

    transition-duration:
      .01ms !important;
  }

}/* End custom CSS */