 /* spacing за BS3 */
  .m-b-0{margin-bottom:0}
  .m-b-20{margin-bottom:20px}
  .m-t-0{margin-top:0}
  .service-col{margin-bottom:15px}

  :root { 
    --service-accent: #2f5556;
    --service-border: #fff;
  }

  .service-card{
    display:block;
    text-decoration:none;
    color:inherit;
    padding:18px;
    border:1px solid var(--service-border);
    border-radius:12px;
    background:#fff;
    -webkit-transition:all .2s ease;
    transition:all .2s ease;
    box-shadow:0 2px 6px rgba(0,0,0,.08);
  }
  .service-card:hover{
    box-shadow:0 10px 20px rgba(0,0,0,.08);
    -webkit-transform:translateY(-2px);
            transform:translateY(-2px);
    /*border-color:#d4dbe2;*/
  }
  .service-card--active{
    background:var(--service-accent);
    border-color:var(--service-accent);
    color:#fff;
  }
  .service-card--active .text-muted{color:rgba(255,255,255,.85)}
  .service-ico{
    width:56px;height:56px;
    background:#f4f6f8;
    border-radius:8px;
    display:inline-block;
    text-align:center;
    line-height:56px;
    font-size:24px;
    color:#333;
  }
  .service-card--active .service-ico{
    background:rgba(255,255,255,.15);
    color:#fff;
  }
  /* Центриране на иконката по вертикала (BS3) */
.section-services .service-card .media{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.section-services .service-card .media-left{
  float: none;                
  padding-right: 15px;
  margin: 0 10px 0 10px;
}
.section-services .service-card .media-body{
  width: 100%;                  
}

/* утилити за BS3 */
.m-b-20{margin-bottom:20px}
.service-col{margin-bottom:15px}

:root{ --service-accent:#2f5556; --service-border:#e6eaef; }

.service-card{
  border:1px solid var(--service-border);
  border-radius:12px;
  background:#fff;
  box-shadow:0 2px 6px rgba(0,0,0,.03);
  transition:all .2s ease;
}
.service-card:hover{ box-shadow:0 10px 20px rgba(0,0,0,.08); transform:translateY(-2px); border-color:#d4dbe2; }
.service-card.service-card--active{ background:var(--service-accent); border-color:var(--service-accent); color:#fff; }

/* Хедър: иконка (ляво) + заглавие + плюс/минус (дясно) */
.service-header{
  width:100%; border:0; background:transparent; cursor:pointer;
  display:flex; align-items:center; gap:12px;
  text-align:left; padding:16px 18px;
}
.service-ico{
  width:48px;height:48px;border-radius:8px;background:#f4f6f8;
  display:inline-flex; align-items:center; justify-content:center;
  font-size:20px; color:#333;
}
.service-title{ flex:1; font-size:18px; line-height:1.2; }
.service-toggle{ margin-left:8px; font-size:18px; line-height:1; display:inline-flex; }

/* Активна визия */
.service-card--active .service-ico{ background:rgba(255,255,255,.15); color:#fff; }
.service-card--active .service-toggle,
.service-card--active .service-title{ color:#fff; }

/* Съдържанието е скрито по подразбиране */
.service-content{ display:none; padding:0 18px 16px; }
.service-card--active .service-content p{ color:rgba(255,255,255,.9); }
.service-cta{ margin-top:16px; }

/* CTA бутон – контрастен на активния фон */
.btn-cta{
  background:#fff;
  color:var(--service-accent);
  border:0;
  padding:10px 26px;
  border-radius:999px;
  font-weight:600;
  box-shadow:0 6px 14px rgba(0,0,0,.12);
  transition:all .2s ease;
}
.btn-cta:hover,
.btn-cta:focus{
  text-decoration:none;
  box-shadow:0 10px 24px rgba(0,0,0,.18);
  transform:translateY(-1px);
  outline:0;
}

/* утилити за BS3 */
.m-b-10{margin-bottom:10px}.m-b-20{margin-bottom:20px}.m-t-15{margin-top:15px}.m-r-5{margin-right:5px}
.hidden{display:none!important}

:root{ --service-accent:#2f5556; --service-border:#e6eaef; }

.section-ai-ask .ai-panel{
  background:#fff; border:1px solid var(--service-border);
  border-radius:16px; padding:18px 18px 20px; box-shadow:0 2px 10px rgba(0,0,0,.04);
}
.section-ai-ask .form-control{
  border-radius:8px; border-color:#e7ebef; box-shadow:none; height:44px;
}
.section-ai-ask textarea.form-control{ height:auto; padding-top:10px; }

/* файл бутон */
.file-label{
  display:block; text-align:center; padding:10px 12px; height:44px; line-height:22px;
  border:1px dashed #d9e0e6; border-radius:8px; background:#fff; cursor:pointer; color:#4a4f55;
}
.file-label .glyphicon{top:2px; margin-right:6px;}

/* CTA */
.btn-ai{
  background:var(--service-accent); color:#fff; border:0; border-radius:999px;
  padding:10px 28px; font-weight:600; box-shadow:0 8px 18px rgba(0,0,0,.15);
}
.btn-ai:hover,.btn-ai:focus{ background:#2b4c4d; color:#fff; }

/* AI отговор */
.ai-answer{
  border-radius:12px; background:#fff; border:1px solid #e7ebef; padding:14px 16px;
}

/* спинър на glyphicon-refresh */
.glyphicon-refresh-animate{animation:spin .9s linear infinite;}
@keyframes spin{from{transform:rotate(0)}to{transform:rotate(360deg)}}

.hero-slider{
  position: relative;     /* да участва в stacking order */
  z-index: 1;             /* по-нисък от AI секцията */
  overflow: visible;      /* важно, ако някой е сложил hidden */
}

.section-ai-ask{
  position: relative;     /* задължително, за да работи z-index */
  z-index: 2;             /* над hero */
  margin-top: -500px;     /* или колкото ти трябва */
  /* алтернатива вместо отрицателен margin: */
  /* transform: translateY(-150px); */
}

/* Static hero */
.hero{
  position: relative;
  width: 100%;
  background-size: cover;
  background-position: center center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;      /* вертикално центриране */
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;  /* хоризонтално центриране на контейнера */
  color: #fff;
}
.hero--600{ min-height: 600px; }     /* желаната височина */

.hero__overlay{
  content: "";
  position: absolute; inset: 0;
  background: rgba(0,0,0,.45);       /* тъмен прозрачен слой */
}

.hero__content{
  position: relative;                /* над оверлея */
  z-index: 2;
  max-width: 900px;                  /* по-четимо на големи екрани */
}

.hero__title{
  margin: 0 0 12px;
  font-size: 42px;
  line-height: 1.2;
  color: #fff;
}
.hero__subtitle{
  margin: 0;
  font-size: 18px;
  line-height: 1.6;
  color: rgba(255,255,255,.92);
}

/* по-малки екрани */
@media (max-width: 767px){
  .hero--600{ min-height: 420px; }
  .hero__title{ font-size: 30px; }
  .hero__subtitle{ font-size: 16px; }
}

@media (max-width: 767px){
  .hero{ display:none; }
  .section-ai-ask{
  position: relative; 
  z-index: 2;   
  margin-top: 20px; 
  /* алтернатива вместо отрицателен margin: */
  /* transform: translateY(-150px); */
}
}

.service-features ul li {
	padding: 10px;
}

.service-features ul li i {
	margin-right: 10px;
}

/* Wizard steps */
.wizard-steps{
  display:flex; align-items:center; justify-content:space-between;
}
.wizard-step{
  text-align:center; width:33%;
}
.wizard-bullet{
  display:inline-flex; align-items:center; justify-content:center;
  width:36px; height:36px; border-radius:50%;
  border:2px solid #2f5556; color:#2f5556; font-weight:700;
  background:#fff;
}
.wizard-step.is-active .wizard-bullet{ background:#2f5556; color:#fff; }
.wizard-label{ display:block; margin-top:6px; font-size:13px; color:#4a4f55; }
.wizard-step.is-active .wizard-label{ color:#2f5556; font-weight:600; }

.wizard-line{ flex:1; height:2px; background:#e6eaef; margin:0 8px; }

.wizard-panel{ border:1px solid #e6eaef; border-radius:10px; padding:15px; background:#fff; }
.hidden{ display:none!important }
.m-t-0{margin-top:0}.m-t-10{margin-top:10px}.m-t-15{margin-top:15px}.m-t-30{margin-top:30px}
.m-b-15{margin-bottom:15px}.m-b-20{margin-bottom:20px}
.m-r-5{margin-right:5px}

/* BG + overlay */
.cta-has-bg{
  position:relative;
  background-size:cover;
  background-position:center;
  color:#fff;
  padding:60px 0;
}
.cta-overlay{
  position:absolute; left:0; top:0; right:0; bottom:0;
  background:rgba(0,0,0,.55);
}
.cta-has-bg .container{ position:relative; z-index:2; }

.cta-content h2{ margin:0 0 18px; color:#fff; }

/* икони + текстове */
.cta-stats{ margin:10px 0 0; }
.cta-stat{
  display:flex; align-items:center; justify-content:center;
  text-align:left; padding:12px 0;
}
.cta-icon{
  font-size:36px; line-height:1; margin-right:12px; display:inline-block;
}
.cta-number{ font-size:22px; font-weight:700; }
.cta-label{ opacity:.9; }

/* разделители между елементите на ≥ sm */
@media (min-width:768px){
  .cta-sep{ border-left:1px solid rgba(255,255,255,.35); }
  .cta-stat{ justify-content:flex-start; }
}

/* мобилно – център и без разделители */
@media (max-width:767px){
  .cta-stat{ justify-content:center; text-align:center; }
  .cta-icon{ margin:0 0 6px; }
}
