/**
 * GT Hire Process (How it Works) — base layout.
 *
 * @package PixelPerfectThemesCore
 */

.elementor-widget-gt-hire-process .gt-el-hire-process,
.gt-el-hire-process {
  width: 100%;
}

.elementor-widget-gt-hire-process .gt-el-hire-process__list,
.gt-el-hire-process__list {
  display: flex;
  flex-direction: column;
  gap: var(--gt-hire-process-items-gap, 1.5rem);
  width: 100%;
}

.elementor-widget-gt-hire-process .gt-el-hire-process__item,
.gt-el-hire-process__item {
  display: flex;
  align-items: flex-start;
  gap: var(--gt-hire-process-content-gap, 1.5rem);
  min-width: 0;
}

.elementor-widget-gt-hire-process .gt-el-hire-process__badge,
.gt-el-hire-process__badge {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: var(--gt-hire-process-badge-size, 3rem);
  height: var(--gt-hire-process-badge-size, 3rem);
  border-radius: var(--gt-hire-process-badge-radius, 1rem);
  background: var(--gt-hire-process-badge-bg, linear-gradient(135deg, #5233eb, #7c3aed));
  color: var(--gt-hire-process-badge-number-color, #ffffff);
  font-weight: 700;
  font-size: 1.125rem;
  line-height: 1;
}

.elementor-widget-gt-hire-process .gt-el-hire-process__number,
.gt-el-hire-process__number {
  display: block;
  color: inherit;
}

.elementor-widget-gt-hire-process .gt-el-hire-process__content,
.gt-el-hire-process__content {
  flex: 1 1 auto;
  min-width: 0;
  padding-top: var(--gt-hire-process-content-offset, 0.25rem);
}

.elementor-widget-gt-hire-process .gt-el-hire-process__title,
.gt-el-hire-process__title {
  margin: 0 0 var(--gt-hire-process-title-gap, 0.5rem);
  padding: 0;
  font-weight: 700;
  font-size: 1.25rem;
  line-height: 1.3;
  color: var(--gt-hire-process-title-color, #0f172a);
}

.elementor-widget-gt-hire-process .gt-el-hire-process__desc,
.gt-el-hire-process__desc {
  margin: 0;
  padding: 0;
  font-size: 1rem;
  line-height: 1.625;
  color: var(--gt-hire-process-desc-color, #64748b);
}