/**
 * Theme Name: Blocksy Child
 * Description: Blocksy Child theme
 * Author: Creative Themes
 * Template: blocksy
 * Text Domain: hechenbros
 */

:root {
  --theme-form-field-padding: 0 20px;
}

.ct-breadcrumbs-shortcode {
  margin-bottom: 2.5em;
  --theme-text-color: var(--theme-palette-color-1);
  --theme-link-initial-color: #fff;
}

@media screen and (max-width: 768px) {
  .ct-breadcrumbs-shortcode {
    text-align: center;
  }
}

.elementor .logo-carousel img {
  max-height: 50px !important;
  width: auto;
  margin: auto !important;
  filter: grayscale(100%);
}

.elementor .logo-carousel img:hover {
  filter: grayscale(0%);
}

.elementor .logo-carousel .elementor-image-carousel.swiper-wrapper {
  align-items: center;
}

/* GENERAL */
.glass-card {

  background: linear-gradient(180deg,

      rgba(255, 255, 255, 0.07),

      rgba(255, 255, 255, 0.025));

  backdrop-filter: blur(22px);

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

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

  /* border-radius: 24px; */

  box-shadow:

    inset 0 1px 0 rgba(255, 255, 255, 0.10),

    0 24px 80px rgba(0, 0, 0, 0.45);

}

.trust-card {

  background: rgba(8, 14, 28, 0.42);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);

  border: 1px solid rgba(255, 255, 255, .08);

  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, .06),
    0 18px 60px rgba(0, 0, 0, .28);
}


.hero-title h1 {
  margin: 0;
  font-size: clamp(40px, 4.8vw, 68px);
  font-weight: 680;
  line-height: .98;
  letter-spacing: -0.05em;
  color: rgba(255, 255, 255, .98);
  max-width: 720px;
}

.hero-subheadline {
  margin-top: 18px;
  margin-bottom: 20px;

  font-size: clamp(18px, 1.8vw, 28px);
  font-weight: 600;
  line-height: 1.25;
  letter-spacing: -0.03em;

  color: rgba(255, 255, 255, .72);

  max-width: 720px;
}

#main-container .hero-text {
  max-width: 820px;
}

/* FUNNEL */
.ff-default .ff-btn-secondary:not(.ff_btn_no_style) {
  padding: 5px 20px;
  border-radius: 99px;
}

.ff-default .ff-btn-secondary.ff-btn-next:not(.ff_btn_no_style) {
  background-color: var(--theme-button-background-initial-color);
  font-weight: 600;

}

.fluentform .ff-el-group button.ff-btn {
  border-radius: 99px;
}

.ff-default .ff-el-form-control {
  background-color: rgba(255, 255, 255, 0.1) !important;
  color: #fff !important;
}

/* SERVICES GRID */
.services-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  gap: 30px;
}

/* SERVICE ITEM */
.service-item {
  display: flex;
  flex-direction: column;
  position: relative;
  padding: 25px 20px;
  color: black;
  transition: all 0.3s ease;
  overflow: hidden;
}

.service-item:hover {
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08);
  transform: translateY(-3px);
}

/* TEXT & LINK */
.service-title {
  font-size: 1.2rem;
  margin-bottom: 10px;
  color: #fff;
}

.service-excerpt {
  flex: 1;
  font-size: 0.95rem;
  color: #fff;
  margin-bottom: 15px;
}

.service-link {
  font-weight: 600;
  color: #0073e6;
  text-decoration: none;
}

.service-link:hover {
  text-decoration: underline;
}

/* FEATURE BADGE (SVG STAR) */
.service-badge {
  position: absolute;
  top: 12px;
  right: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 34px;
  height: 34px;
  border-radius: 50%;
  /* background: linear-gradient(135deg, #f7b500, #f5d142); */
  background: linear-gradient(135deg, rgb(37, 99, 235) 0%, rgb(79, 140, 255) 100%);
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
  transition: transform 0.2s ease;
}

.service-item.featured:hover .service-badge {
  transform: scale(1.1);
}

/* STAR ICON INSIDE BADGE */
.service-badge svg {
  width: 18px;
  height: 18px;
  fill: #fff;
}

/* OPTIONAL: highlight featured card slightly */
.service-item.featured {
  /* border-color: #f5d142; */
  background: linear-gradient(135deg, rgba(37, 99, 235, 0.09) 0%, rgb(79, 140, 255, 0.15) 100%);
}

/* FEATURE CARDS */
.feature-card {
  border-radius: 10px;
  padding: 25px 20px;
}


/* RELATED SERVICES */
.related-services {
  margin-top: 4rem;
  padding: 3rem 0;
  background: var(--surface-1, #f9f9f9);
}

.related-services__title {
  text-align: center;
  margin-bottom: 2rem;
  font-size: 1.75rem;
}

.related-services__grid {
  display: grid;
  gap: 1.5rem;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
}

.related-services__card {
  background: var(--surface-2, #fff);
  border-radius: 1rem;
  padding: 1.5rem;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
  transition: all 0.25s ease;
}

.related-services__card:hover {
  transform: translateY(-3px);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}

.related-services__link {
  display: inline-block;
  margin-top: 0.5rem;
  color: var(--accent-color, #6c3cff);
  font-weight: 600;
}

/* SINGLE SERVICE */