/**
 * Elementor integration helpers.
 * Add these classes through Elementor > Advanced > CSS Classes.
 */

.elementor-section.sk-full-bleed,
.e-con.sk-full-bleed {
  overflow: clip;
}

.e-con.sk-glass,
.elementor-widget-container.sk-glass {
  -webkit-backdrop-filter: blur(18px);
  backdrop-filter: blur(18px);
  background: rgba(255, 255, 255, 0.08);
  border: 1px solid rgba(255, 255, 255, 0.14);
  border-radius: var(--sk-radius-md);
  box-shadow: var(--sk-shadow-md);
}

.e-con.sk-card,
.elementor-widget-container.sk-card {
  padding: clamp(24px, 4vw, 38px);
}

.sk-equal-height > .e-con-inner,
.sk-equal-height > .elementor-container,
.sk-equal-height.e-con {
  align-items: stretch;
}

.sk-equal-height .elementor-widget,
.sk-equal-height .elementor-widget-container {
  height: 100%;
}

.sk-hero-grid {
  background-image:
    linear-gradient(rgba(255, 255, 255, 0.035) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255, 255, 255, 0.035) 1px, transparent 1px);
  background-size: 38px 38px;
}

.sk-orbit {
  isolation: isolate;
  position: relative;
}

.sk-orbit::before {
  border: 1px solid rgba(32, 199, 217, 0.22);
  border-radius: 50%;
  content: "";
  height: min(56vw, 640px);
  left: 50%;
  pointer-events: none;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  width: min(56vw, 640px);
  z-index: -1;
}

.sk-image-frame img {
  border-radius: var(--sk-radius-lg);
  box-shadow: var(--sk-shadow-lg);
}

.sk-logo-strip img {
  filter: grayscale(1);
  opacity: 0.58;
  transition: filter var(--sk-transition), opacity var(--sk-transition);
}

.sk-logo-strip img:hover {
  filter: grayscale(0);
  opacity: 1;
}

.sk-link-arrow a::after {
  content: "→";
  display: inline-block;
  margin-left: 8px;
  transition: transform var(--sk-transition);
}

.sk-link-arrow a:hover::after {
  transform: translateX(4px);
}

@media (max-width: 767px) {
  .sk-orbit::before {
    height: 420px;
    width: 420px;
  }
}