/* Optional: keep small MSM-specific tweaks here so you never touch vendor theme CSS */
.hero-logoCard{ padding: 22px; border-radius: 22px; background: rgba(255,255,255,.10); backdrop-filter: blur(10px); }
.hero-logoImg{ max-width: 320px; height: auto; display:block; }
.msm-hl{ font-weight: 600; }
.msm-hlStrong{ font-weight: 800; }
@media (max-width: 991.98px){
  .header-layout6 .header-logo img{
    max-height: 60px !important;
  }

  .header-layout6 .menu-area{
    padding-top: 6px !important;
    padding-bottom: 6px !important;
  }

  .th-menu-toggle{
    width: 44px !important;
    height: 44px !important;
    line-height: 44px !important;
    font-size: 16px !important;
  }

  .hero-style12{
    padding: 48px 0 8px 0 !important;
  }

  .hero-style12 .hero-title{
    font-size: 38px !important;
    line-height: 1.2 !important;
    margin-bottom: 12px !important;
  }

  .hero-logoWrap{
    padding: 0 0 20px 0 !important;
  }
}

@media (max-width: 991.98px){
  .hero-style12{
    padding-top: 120px !important;
  }

  .hero-style12 .hero-title{
    margin-top: 0 !important;
    margin-bottom: 10px !important;
  }

  .header-logo img{
    max-height: 48px !important;
  }
}

@media (max-width: 767px){
  .service-item_icon{
    top: 0px !important;
  }
}