.elementor-13 .elementor-element.elementor-element-e85838c{--display:flex;}/* Start custom CSS for html, class: .elementor-element-cfd1b7a *//* --- KARIMNAGAR TECH – CINEMATIC VIOLET HEADER --- */
/* Colors used:
   Primary violet:  #A855F7
   Primary dark:    #7C3AED
   Accent magenta:  #FB7185
   White:           #F9FAFB
   Muted gray:      #A1A1AA
*/

/* ===== HEADER WRAPPER (STICKY ON SCROLL) ===== */
.kt-header {
  position: sticky;       /* keeps header visible as you scroll */
  top: 0;
  z-index: 1000;
  background: linear-gradient(
    180deg,
    rgba(5, 1, 20, 0.98) 0%,
    rgba(5, 1, 20, 0.92) 55%,
    rgba(5, 1, 20, 0.0) 100%
  );
  backdrop-filter: blur(18px);      /* glossy / glass effect */
}

/* ===== INNER LAYOUT ===== */
.kt-header-inner {
  max-width: 1180px;
  margin: 0 auto;
  padding: 14px 24px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
}

/* LEFT: LOGO AREA */
.kt-logo {
  min-width: 140px; /* leaves room for logo from theme settings */
}

/* ===== CENTER ICON MENU PILL ===== */
.kt-menu {
  display: inline-flex;
  align-items: center;
  gap: 14px;
  padding: 8px 22px;
  border-radius: 999px;

  background: radial-gradient(
      circle at top,
      rgba(168, 85, 247, 0.35),
      rgba(5, 1, 20, 0.96)
    );
  border: 1px solid rgba(168, 85, 247, 0.45);
  box-shadow:
    0 16px 40px rgba(15, 23, 42, 0.6),
    0 0 0 1px rgba(15, 23, 42, 0.8);
}

/* Icons in the menu */
.kt-menu a {
  font-size: 18px;
  color: rgba(249, 250, 251, 0.75);
  text-decoration: none;
  transition: color 0.2s ease, transform 0.2s ease;
}

.kt-menu a:hover {
  color: #A855F7;              /* primary violet */
  transform: translateY(-1px);
}

/* Optional "active" state */
.kt-menu a.is-active {
  color: #FB7185;              /* accent magenta */
}

/* Thin vertical divider lines */
.kt-divider {
  width: 1px;
  height: 22px;
  background: linear-gradient(
    180deg,
    rgba(249, 250, 251, 0.06),
    rgba(249, 250, 251, 0.02)
  );
  display: inline-block;
}

/* ===== RIGHT CTA BUTTONS ===== */
.kt-cta {
  display: inline-flex;
  align-items: center;
  gap: 12px;
}

/* "Get the App" – outlined glass pill */
.kt-app-btn {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 9px 18px;
  border-radius: 999px;
  border: 1px solid rgba(148, 163, 184, 0.7);
  background: rgba(12, 10, 24, 0.6);
  color: #F9FAFB;
  font-size: 13px;
  text-decoration: none;
  box-shadow: 0 10px 24px rgba(15, 23, 42, 0.7);
  transition: background 0.2s ease,
              border-color 0.2s ease,
              transform 0.2s ease;
}

.kt-app-btn i {
  font-size: 14px;
}

.kt-app-btn:hover {
  background: rgba(23, 23, 48, 0.9);
  border-color: #A855F7;
  transform: translateY(-1px);
}

/* "Contact Us" – primary gradient pill */
.kt-contact-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 10px 26px;
  border-radius: 999px;
  font-size: 14px;
  font-weight: 500;
  text-decoration: none;
  background-image: linear-gradient(
    90deg,
    #A855F7,
    #7C3AED
  );
  color: #F9FAFB;
  box-shadow: 0 14px 32px rgba(168, 85, 247, 0.55);
  border: none;
  transition: box-shadow 0.2s ease, transform 0.2s ease;
}

.kt-contact-btn:hover {
  transform: translateY(-1px);
  box-shadow: 0 18px 40px rgba(168, 85, 247, 0.7);
}

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

/* Tablet */
@media (max-width: 900px) {
  .kt-header-inner {
    padding: 10px 14px;
    gap: 12px;
  }

  .kt-logo {
    min-width: auto;
  }

  .kt-menu {
    padding: 6px 16px;
    gap: 10px;
  }

  .kt-cta {
    flex-wrap: wrap;
    justify-content: flex-end;
  }

  .kt-app-btn,
  .kt-contact-btn {
    padding-inline: 16px;
    font-size: 13px;
  }
}

/* Mobile */
@media (max-width: 640px) {
  .kt-header-inner {
    flex-wrap: wrap;
    justify-content: center;
    row-gap: 8px;
  }

  .kt-logo {
    order: 1;
    width: 100%;
    text-align: center; /* your logo will be centered on mobile */
  }

  .kt-menu {
    order: 2;
  }

  .kt-cta {
    order: 3;
    width: 100%;
    justify-content: center;
  }
}/* End custom CSS */