/* ===============================
   Template 01 – Hero Blue Style
================================= */

/* Title */
.mf-template-01 .mf-hero .mf-hero-title h1{
  display: inline-block;
  background: #123a63bf;
  color: #ffffff !important;
  padding: 13px 20px;
  line-height: 1.1;
  margin: 0;
}

/* Subtitle */
.mf-template-01 .mf-hero .mf-hero-subtitle span{
  display: inline-block;
  background:#123a63bf;
  color: #ffffff !important;
  padding: 10px 16px;
  line-height: 1.1;
  margin-top: 12px;
}


/* Eyebrow wrapper: shrink to content and center */
.mf-eyebrow{
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 18px;
  width: fit-content;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  --mf-eyebrow-y: 10px;
}

/* Template 01 eyebrow vertical offset override */
.mf-template-01 .mf-eyebrow{
  --mf-eyebrow-y: 35px;
}

/* text */
.mf-eyebrow > span,
.mf-eyebrow .elementor-heading-title{
  display: inline-block;
  white-space: nowrap;
  line-height: 1;
}

/* arrows */
.mf-eyebrow::before,
.mf-eyebrow::after{
  content: "";
  display: block;
  width: 168px;
  height: 10px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  flex: 0 0 168px;
  transform: translateY(var(--mf-eyebrow-y));
}

/* DEFAULT (white arrows) */
.mf-eyebrow::before{
  background-image: url("../images/eyebrow-left-white.svg");
}
.mf-eyebrow::after{
  background-image: url("../images/eyebrow-right-white.svg");
}

/* TEMPLATE 01 (blue arrows) */
.mf-template-01 .mf-eyebrow::before{
  background-image: url("../images/eyebrow-left.svg");
}
.mf-template-01 .mf-eyebrow::after{
  background-image: url("../images/eyebrow-right.svg");
}

/* responsive */
@media (max-width: 767px){
  .mf-eyebrow{ gap: 12px; }
  .mf-eyebrow::before,
  .mf-eyebrow::after{
    width: 120px;
    flex: 0 0 120px;
  }
}

.mf-template-00 .related-services-block{
  display: none !important;
}