/* MTI brand overlay */
:root{
  --theme-color:#B91202!important;
  --theme-color2:#7A0E02!important;
  --primary-color:#B91202!important;
  --smoke-color3:#F8EDEB!important;
  --light-blue-color:#1A0505!important;
  --brand-color:#E85A4F!important;
  /* Shared content rail — header logo, slider, page, footer all align */
  --main-container: 1502px !important;
  --mti-content-max: calc(1502px + var(--container-gutters, 24px));
}
.color-scheme-wrap{display:none!important}
/* Preloader disabled sitewide */
.preloader,
.preloader-inner{
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
}
.header-logo img,.about-logo img,.mobile-logo img,.footer-logo img{max-height:52px;width:auto}
.text-theme,.bg-theme{--theme-color:#B91202}
.scroll-top{background:#B91202!important}
.th-btn:hover{background-color:#7A0E02!important;border-color:#7A0E02!important}

/* =========================================================
   MTI Header — logo | menu | Connect on ONE line
   ========================================================= */
.mti-header-bar{
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 9999;
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  pointer-events: auto !important;
}
/* Align header with slider/page content rail */
.mti-header-bar.header-layout14{
  --main-container: 1502px;
}
.mti-header-bar .sticky-wrapper,
.mti-header-bar .menu-area{
  width: 100%;
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
}
.mti-header-bar .menu-area{
  background: transparent !important;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
  min-height: 72px;
  padding: 0 !important;
  border-bottom: none;
}
/* Sticky on scroll */
.mti-header-bar .sticky-wrapper.sticky{
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  z-index: 10000 !important;
  background: rgba(11,11,11,.96) !important;
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
  box-shadow: 0 8px 28px rgba(0,0,0,.35);
  animation: mtiStickyIn .35s ease;
  opacity: 1 !important;
  visibility: visible !important;
  transform: none;
}
.mti-header-bar .sticky-wrapper.sticky .menu-area{
  background: transparent !important;
  border-bottom: 1px solid rgba(185,18,2,.3);
}
@keyframes mtiStickyIn{
  from{ transform: translateY(-12px); }
  to{ transform: translateY(0); }
}
/* Keep hero content clear of the header */
.hero-14{
  padding-top: 130px !important;
}
.hero-14 .hero-text{
  font-size: 17px;
  line-height: 1.7;
}
/* home-ai-machine hero-3 — brand accents; keep template height */
.hero-3 .hero-featured-icon{
  background-color: #B91202;
}
.hero-3 .hero-featured-icon img{
  filter: brightness(0) invert(1);
}
/* Legacy hero-2 pages (e.g. home-cloud) */
.hero-2 .hero-title{
  font-size: clamp(1.8rem, 3.5vw, 3rem);
}
.hero-2 .hero-desc{
  max-width: 560px;
  opacity: .95;
}
.hero-2#hero-cloud,
.hero-2{
  position: relative;
  z-index: 6;
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: visible !important;
  box-sizing: border-box;
}
.hero-2 .hero-slider-2{
  max-width: min(1776px, var(--mti-content-max, 1526px)) !important;
  width: 100%;
  display: block;
  margin-left: auto !important;
  margin-right: auto !important;
  border-radius: 24px;
  overflow: hidden;
}
.hero-2 .hero-slider-2 .hero-inner,
.hero-2 .hero-slider-2 .th-hero-bg{
  border-radius: 24px;
  overflow: hidden;
}
.hero-2 .scroll-down{
  left: 50% !important;
  transform: translateX(-50%) rotate(-90deg) !important;
  display: flex !important;
}
.hero-2 .mti-hero-featurebox{
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 12;
  display: flex;
  align-items: stretch;
  justify-content: space-between;
  gap: 0;
  max-width: min(1776px, var(--mti-content-max, 1526px));
  width: 100%;
  margin: 0 auto;
  padding: 0;
  pointer-events: none;
}
.hero-2 .mti-hero-featured.hero-featured{
  pointer-events: auto;
  flex: 1 1 auto;
  max-width: none;
  width: auto;
  margin: 0;
  padding: 20px 22px;
  border-radius: 16px 0 0 0;
  background: rgba(255,255,255,.96);
  box-shadow: 0 -8px 30px rgba(0,0,0,.18);
  gap: 8px;
}
.hero-2 .mti-hero-featured .hero-featured-icon{
  background-color: #B91202;
}
.hero-2 .mti-hero-featured .hero-featured-icon img{
  filter: brightness(0) invert(1);
}
.hero-2 .mti-hero-swiper-custom.th-swiper-custom{
  pointer-events: auto;
  position: relative !important;
  top: auto !important;
  right: auto !important;
  margin: 0 !important;
  transform: none !important;
  display: flex !important;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 10px;
  min-width: 88px;
  padding: 16px 14px;
  background: rgba(11,11,11,.92);
  border-radius: 0 16px 0 0;
}
/* Scrolling keywords — page-width, straight top, rounded bottom */
.mti-marquee-wrap{
  position: relative;
  z-index: 3;
  max-width: var(--mti-content-max) !important;
  margin-left: auto;
  margin-right: auto;
  padding-left: calc(var(--container-gutters, 24px) / 2) !important;
  padding-right: calc(var(--container-gutters, 24px) / 2) !important;
}
.mti-footer > .mti-marquee-wrap{
  margin-top: 0;
  margin-bottom: 56px;
  padding-top: 0;
}
.mti-marquee-footer{
  margin: 0;
  padding: 62px 0 48px;
  min-height: 148px;
  display: flex;
  align-items: flex-end;
  border-radius: 0 0 36px 36px;
  overflow: hidden;
  width: 100%;
  background-color: #B91202 !important;
  background-image: none !important;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
  border: 1.5px solid rgba(255, 255, 255, 0.38);
  border-top: 1.5px solid rgba(255, 255, 255, 0.48);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.22),
    inset 0 -1px 0 rgba(0, 0, 0, 0.12),
    0 14px 40px rgba(0, 0, 0, 0.28);
}
.mti-footer > .mti-marquee-footer,
.mti-footer .mti-marquee-footer{
  position: relative;
  z-index: 2;
}
.mti-footer.footer-wrapper{
  padding-top: 0 !important;
}
.mti-footer .mti-marquee-footer .swiper{
  width: 100%;
  padding-bottom: 6px;
}
.mti-footer .mti-marquee-footer .marquee-card{
  align-items: center;
  gap: 12px;
}
.mti-footer .mti-marquee-footer .marquee-card a{
  white-space: nowrap;
  line-height: 1.2;
  font-size: 18px;
  font-weight: 600;
  letter-spacing: 0.02em;
  color: #fff !important;
  text-shadow: 0 1px 8px rgba(0, 0, 0, 0.25);
}
.mti-footer .mti-marquee-footer .marquee-icon{
  width: 28px;
  height: 28px;
  opacity: 0.95;
}
.mti-footer .mti-marquee-footer .marquee-icon img{
  width: 100%;
  height: 100%;
  filter: brightness(0) invert(1);
}
@media (max-width: 767.98px){
  .hero-2 .hero-slider-2{
    border-radius: 0;
    max-width: 100% !important;
  }
  .hero-2 .hero-slider-2 .hero-inner,
  .hero-2 .hero-slider-2 .th-hero-bg{
    border-radius: 0;
  }
}
.mti-header-container.container{
  max-width: var(--mti-content-max);
  margin-left: auto;
  margin-right: auto;
  padding-left: calc(var(--container-gutters, 24px) / 2) !important;
  padding-right: calc(var(--container-gutters, 24px) / 2) !important;
  width: 100%;
}
/* Page + footer share the same content start as logo/slider */
body .container,
.mti-footer .container,
.mti-footer .copyright-wrap .container{
  max-width: var(--mti-content-max) !important;
  --main-container: 1502px;
}
/* SplitText chars must stay inline — otherwise titles stack letter-by-letter */
.char,
.word{
  display: inline-block !important;
}
.split-line{
  display: block;
  width: 100%;
}
/* About AI section — fit content rail, no clipped title column */
#about-sec.about-area .img-box3{
  margin-left: 0;
  max-width: 100%;
}
#about-sec.about-area .about-3-titlebox .sec-title{
  font-size: clamp(1.75rem, 2.4vw, 2.5rem);
  line-height: 1.25;
  word-break: normal;
  overflow-wrap: anywhere;
  max-width: 100%;
}
#about-sec.about-area .about-3-titlebox .sub-title{
  display: inline-block;
  white-space: normal;
  max-width: 100%;
}
#about-sec.about-area .ps-xxl-2{
  max-width: 100%;
}
/* About body copy justified — headers stay left-aligned */
#about-sec.about-area .about-3-titlebox .sub-title,
#about-sec.about-area .about-3-titlebox .sec-title,
#about-sec.about-area .about-item .box-title{
  text-align: left !important;
}
#about-sec.about-area .sec-text,
#about-sec.about-area .about-item_text{
  text-align: justify !important;
  text-justify: inter-word;
}
/* Featured Solutions intro — full justify */
.service-3-text{
  text-align: justify !important;
  text-justify: inter-word;
}
/* Featured Solutions — smoke bg, normal titles (no SplitText stacking) */
#service-sec.mti-featured-solutions{
  background-color: var(--smoke-color, #F2F5FA) !important;
}
#service-sec.mti-featured-solutions .sec-title,
#service-sec.mti-featured-solutions .sub-title{
  text-align: left !important;
  white-space: normal !important;
  word-break: normal !important;
  display: block !important;
}
#service-sec.mti-featured-solutions .sec-title .char,
#service-sec.mti-featured-solutions .sub-title .char,
#service-sec.mti-featured-solutions .sec-title .word,
#service-sec.mti-featured-solutions .sub-title .word{
  display: inline !important;
}
/* Reduce featured solution card image height */
#service-sec.mti-featured-solutions .service-item_img{
  height: 210px;
  overflow: hidden;
  border-radius: 16px 16px 0 0;
}
#service-sec.mti-featured-solutions .service-item_img img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center center;
  display: block;
}
@media (max-width: 767.98px){
  #service-sec.mti-featured-solutions .sec-title,
  #service-sec.mti-featured-solutions .sub-title{
    text-align: center !important;
  }
  #service-sec.mti-featured-solutions .service-item_img{
    height: 185px;
  }
}
/* Alternating section backgrounds below hero */
.mti-section-white{
  background-color: #fff !important;
  background-image: none !important;
}
.mti-section-smoke{
  background-color: var(--smoke-color, #F2F5FA) !important;
  background-image: none !important;
}
.mti-benefits-sec.mti-section-white{
  background-color: #fff !important;
}
/* Featured Projects section */
.mti-projects-sec{
  background-color: var(--smoke-color, #F2F5FA) !important;
  background-image: none !important;
  position: relative;
}
.mti-projects-sec .sec-title{
  color: var(--title-color, #0B1422) !important;
}
.mti-projects-sec .sub-title{
  color: var(--theme-color, #B91202) !important;
}
.mti-projects-intro{
  max-width: 720px;
  margin-top: 14px;
  color: var(--body-color, #6E7070);
}
.mti-projects-slider{
  position: relative;
}
.mti-project-card{
  background: #fff;
  border: 1px solid rgba(11, 20, 34, 0.08);
  border-radius: 18px;
  overflow: hidden;
  height: 100%;
  transition: transform .35s ease, box-shadow .35s ease, border-color .35s ease;
  box-shadow: 0 10px 28px rgba(11, 20, 34, 0.05);
}
.mti-project-card:hover{
  transform: translateY(-8px);
  border-color: rgba(185, 18, 2, 0.22);
  box-shadow: 0 18px 36px rgba(185, 18, 2, 0.12);
}
.mti-project-img{
  position: relative;
  height: 210px;
  overflow: hidden;
}
.mti-project-img img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: transform .55s ease;
}
.mti-project-card:hover .mti-project-img img{
  transform: scale(1.06);
}
.mti-project-tag{
  position: absolute;
  left: 14px;
  top: 14px;
  z-index: 2;
  background: rgba(185, 18, 2, 0.94);
  color: #fff;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: .04em;
  padding: 6px 12px;
  border-radius: 999px;
  line-height: 1;
}
.mti-project-body{
  padding: 22px 20px 24px;
}
.mti-project-body .box-title{
  font-size: 1.1rem;
  margin-bottom: 10px;
  line-height: 1.35;
}
.mti-project-body .box-title a{
  color: var(--title-color, #0B1422);
}
.mti-project-body .box-title a:hover{
  color: #B91202;
}
.mti-project-text{
  margin: 0 0 16px;
  font-size: 14px;
  line-height: 1.65;
  color: var(--body-color, #6E7070);
  min-height: 68px;
}
.mti-project-link{
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-weight: 600;
  font-size: 14px;
  color: #B91202;
  text-decoration: none;
}
.mti-project-link:hover{
  color: #7A0E02;
}
.mti-projects-nav{
  display: flex;
  justify-content: center;
  gap: 12px;
  margin-top: 28px;
}
.mti-projects-nav .slider-arrow{
  width: 46px;
  height: 46px;
  border-radius: 50%;
  border: 1px solid rgba(11, 20, 34, 0.12);
  background: #fff;
  color: #0B1422;
}
.mti-projects-nav .slider-arrow:hover{
  background: #B91202;
  border-color: #B91202;
  color: #fff;
}
.mti-projects-sec .mti-cta-lined{
  align-items: center;
  justify-content: center;
  gap: clamp(16px, 3vw, 32px);
  max-width: 560px;
  width: 100%;
}
@media (max-width: 767.98px){
  .mti-project-img{
    height: 190px;
  }
  .mti-project-text{
    min-height: 0;
  }
}
/* Project detail pages — keep content readable */
.mti-project-detail{
  background: #fff;
}
.mti-project-detail .box-title,
.mti-project-detail .page-content h2{
  color: var(--title-color, #0B1422) !important;
}
.mti-project-detail .box-text,
.mti-project-detail .page-content p{
  color: var(--body-color, #6E7070) !important;
  opacity: 1 !important;
  visibility: visible !important;
}
.mti-project-detail .project-dsc-img img{
  width: 100%;
  max-height: 480px;
  object-fit: cover;
  border-radius: 16px;
}
.mti-project-detail .sidebar-info-title,
.mti-project-detail .sidebar-info-title a{
  color: var(--title-color, #0B1422) !important;
}
/* Always-visible project cards on grid (not hover-only) */
#case-study-sec .mti-project-card{
  background: #fff;
}
#about-sec.mti-section-smoke,
#about-sec.mti-section-white,
#about-sec.about-area{
  background-color: #fff !important;
  background-image: none !important;
}
/* CTA buttons — faint side lines */
.mti-security-cta.service-btn,
.mti-cta-lined{
  display: flex;
  align-items: center;
  justify-content: center;
  gap: clamp(16px, 3vw, 32px);
  max-width: 720px;
  margin-left: auto;
  margin-right: auto;
}
.mti-security-cta .mti-cta-line,
.mti-cta-lined .mti-cta-line{
  flex: 1 1 0;
  min-width: 48px;
  max-width: 180px;
  height: 1px;
  background: rgba(11, 20, 34, 0.14);
}
/* Our Process — bg image + dark overlay + 3D animated cards */
.mti-process-sec.process-area,
#process-sec.process-area,
.mti-process-3d{
  position: relative;
  background-color: #0b0b0b !important;
  background-size: cover !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
  overflow: hidden;
}
.mti-process-sec.process-area::before,
#process-sec.process-area::before{
  content: "" !important;
  display: block !important;
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.68);
  z-index: 0;
  pointer-events: none;
}
.mti-process-3d > .container{
  position: relative;
  z-index: 1;
}
#process-sec .sec-title,
#process-sec .sub-title{
  text-align: center !important;
}
#process-sec .sec-title{
  color: #fff !important;
}
#process-sec .sub-title{
  color: #fff !important;
  opacity: .95;
}
.mti-process-intro{
  max-width: 720px;
  color: rgba(255,255,255,.82);
  margin-top: 12px;
}
.mti-process-grid{
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 22px;
  perspective: 1200px;
}
.mti-process-card{
  position: relative;
  text-align: center;
  padding: 28px 18px 26px;
  border-radius: 18px;
  background: linear-gradient(160deg, #ffffff 0%, #f7f8fb 55%, #ffffff 100%);
  border: 1px solid rgba(11, 20, 34, 0.08);
  box-shadow:
    0 10px 24px rgba(11, 20, 34, 0.06),
    0 2px 0 rgba(255,255,255,.9) inset;
  transform: translateY(0) rotateX(0deg);
  transition: transform .45s ease, box-shadow .45s ease, border-color .45s ease;
  animation: mtiProcessFloat 4.8s ease-in-out infinite;
  animation-delay: var(--delay, 0s);
}
.mti-process-card:hover{
  transform: translateY(-10px) rotateX(6deg) scale(1.02);
  border-color: rgba(185, 18, 2, 0.28);
  box-shadow:
    0 22px 40px rgba(185, 18, 2, 0.14),
    0 8px 16px rgba(11, 20, 34, 0.08);
  animation-play-state: paused;
}
.mti-process-orb{
  position: relative;
  width: 84px;
  height: 84px;
  margin: 0 auto 18px;
  display: grid;
  place-items: center;
  transform-style: preserve-3d;
}
.mti-process-icon{
  width: 64px;
  height: 64px;
  border-radius: 18px;
  display: grid;
  place-items: center;
  /* Homepage process cards: red orb + white icon */
  background: linear-gradient(145deg, #B91202 0%, #7A0E02 100%);
  border: 0;
  box-shadow:
    0 14px 28px rgba(185, 18, 2, 0.35),
    0 1px 0 rgba(255,255,255,.25) inset;
  z-index: 2;
  animation: mtiProcessPulse 2.8s ease-in-out infinite;
  animation-delay: var(--delay, 0s);
}
.mti-process-icon img{
  width: 30px;
  height: 30px;
  filter: brightness(0) invert(1) !important;
}
.mti-process-icon i{
  color: #fff;
  font-size: 1.25rem;
}
/* On dark section canvas without white cards → same red + white */
.mti-process-on-dark .mti-process-icon,
.mti-overview-process .mti-process-icon--dark,
[data-process-theme="dark"] .mti-process-icon{
  background: linear-gradient(145deg, #B91202 0%, #7A0E02 100%);
  border-color: transparent;
  box-shadow:
    0 14px 28px rgba(185, 18, 2, 0.35),
    0 1px 0 rgba(255,255,255,.25) inset;
}
.mti-process-on-dark .mti-process-icon img,
.mti-overview-process .mti-process-icon--dark img,
[data-process-theme="dark"] .mti-process-icon img{
  filter: brightness(0) invert(1) !important;
}
.mti-process-on-dark .mti-process-icon i,
.mti-overview-process .mti-process-icon--dark i,
[data-process-theme="dark"] .mti-process-icon i{
  color: #fff;
}
/* Overview white process cards → black icon + red border */
.mti-overview-process .mti-process-icon{
  background: #fff !important;
  border: 2px solid #B91202 !important;
  box-shadow:
    0 12px 26px rgba(11, 20, 34, 0.1),
    0 1px 0 rgba(255,255,255,.9) inset;
}
.mti-overview-process .mti-process-icon img{
  filter: brightness(0) !important;
}
.mti-overview-process .mti-process-icon i{
  color: #0B1422 !important;
}
.mti-process-ring{
  position: absolute;
  inset: 0;
  border-radius: 50%;
  border: 1px solid rgba(185, 18, 2, 0.28);
  animation: mtiProcessSpin 7s linear infinite;
}
.mti-process-ring.ring-2{
  inset: -8px;
  border-style: dashed;
  border-color: rgba(185, 18, 2, 0.18);
  animation-duration: 11s;
  animation-direction: reverse;
}
.mti-process-step{
  display: inline-block;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .08em;
  color: #B91202;
  margin-bottom: 8px;
}
.mti-process-card .box-title{
  font-size: 1.05rem;
  margin-bottom: 10px;
  color: var(--title-color, #0B1422);
}
.mti-process-card .process-text{
  margin: 0;
  font-size: 14px;
  line-height: 1.65;
  color: var(--body-color, #6E7070);
}
@keyframes mtiProcessFloat{
  0%, 100%{ transform: translateY(0) rotateX(0deg); }
  50%{ transform: translateY(-8px) rotateX(4deg); }
}
@keyframes mtiProcessPulse{
  0%, 100%{ transform: translateZ(0) scale(1); }
  50%{ transform: translateZ(12px) scale(1.06); }
}
@keyframes mtiProcessSpin{
  from{ transform: rotate(0deg); }
  to{ transform: rotate(360deg); }
}
@media (max-width: 1199.98px){
  .mti-process-grid{
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
@media (max-width: 767.98px){
  .mti-process-grid{
    grid-template-columns: 1fr;
    max-width: 420px;
    margin: 0 auto;
  }
}
/* Security services block (Network / Cloud / AI / VAPT) */
.mti-security-services{
  background-image: none !important;
  background-color: #fff;
}
.mti-security-services .mti-security-head{
  margin-bottom: 50px;
}
.mti-security-services .mti-security-head .sec-title,
.mti-security-services .mti-security-head .sub-title{
  text-align: left !important;
}
.mti-security-services .mti-security-intro{
  text-align: justify !important;
  text-justify: inter-word;
  max-width: none;
  margin-top: 0;
  margin-bottom: 0;
  color: var(--body-color, #6E7070);
}
/*
  One photo only. Icon stays in theme position.
  Before click (narrow) + after click (wide) are different sizes —
  object-fit:cover keeps the best fill for each face.
*/
.mti-security-services .service-list{
  background-image: none !important;
  background-color: #0B1422 !important;
  isolation: isolate;
  overflow: hidden;
}
.mti-security-services .mti-sec-visual{
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  border-radius: inherit;
  overflow: hidden;
}
.mti-security-services .mti-sec-visual__img{
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center center;
  display: block;
  -webkit-transition: object-position .7s ease;
  transition: object-position .7s ease;
}
/* Collapsed/narrow face */
.mti-security-services .service-list-wrap:not(.active) .mti-sec-visual__img{
  object-position: center center;
}
/* Expanded face — keep subject framed */
.mti-security-services .service-list-wrap.active .mti-sec-visual__img{
  object-position: center 28%;
}
.mti-security-services .service-list:before{
  z-index: 1 !important;
}
.mti-security-services .service-list .service-content,
.mti-security-services .service-list > .th-btn{
  z-index: 3;
}
/* Icon badges removed from this section */
.mti-security-services .service-icon{
  display: none !important;
}
@media (max-width: 991.98px){
  .mti-security-services .mti-security-head .sec-title,
  .mti-security-services .mti-security-head .sub-title{
    text-align: center !important;
  }
  .mti-security-services .service-list-wrap.active .mti-sec-visual__img{
    object-position: center center;
  }
}

/* Benefits of AI — color only (no background image) */
.mti-benefits-sec.category-area3{
  background-image: none !important;
  background-color: var(--smoke-color, #F2F5FA) !important;
}
.mti-benefits-sec .category-3-titlebox .sec-title,
.mti-benefits-sec .category-3-titlebox .sub-title{
  text-align: center !important;
}
.mti-benefits-slider.category-style-3{
  position: relative;
  background-image: none !important;
  background-color: transparent !important;
  border-radius: 0;
  padding: 0;
  overflow: visible;
}
.mti-benefits-slider.category-style-3::before{
  display: none;
}
.mti-benefits-slider.category-style-3 > .swiper{
  position: relative;
  z-index: 1;
}
.mti-devs-gallery.bg-smoke,
.mti-devs-gallery{
  position: relative;
  background-image: none !important;
  background-color: var(--smoke-color, #F2F5FA) !important;
}
.mti-devs-gallery.mti-section-white{
  background-color: #fff !important;
}
/* Production: reduce below-fold paint cost */
.mti-devs-gallery,
.mti-testi-sec,
.mti-projects-sec,
.mti-security-services,
.brand-area{
  content-visibility: auto;
  contain-intrinsic-size: 1px 800px;
}
/* Honeypot field — keep off-screen for spam bots */
.mti-hp{
  position: absolute !important;
  left: -10000px !important;
  top: auto !important;
  width: 1px !important;
  height: 1px !important;
  overflow: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
}
.mti-devs-gallery .gallery-box .gallery-img{
  overflow: hidden;
}
.mti-devs-gallery .gallery-box .gallery-img img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.mti-devs-gallery .gallery-box_wrapp:first-child .gallery-img,
.mti-devs-gallery .gallery-box_wrapp:last-child .gallery-img{
  aspect-ratio: 624 / 600;
}
.mti-devs-gallery .gallery-box_wrapp:nth-child(2) .gallery-box:first-child .gallery-img,
.mti-devs-gallery .gallery-box_wrapp:nth-child(3) .gallery-box:nth-child(2) .gallery-img{
  aspect-ratio: 848 / 996;
}
.mti-devs-gallery .gallery-box_wrapp:nth-child(2) .gallery-box:nth-child(2) .gallery-img,
.mti-devs-gallery .gallery-box_wrapp:nth-child(3) .gallery-box:first-child .gallery-img{
  aspect-ratio: 848 / 450;
}
@media (max-width: 991.98px){
  .mti-devs-gallery .gallery-box_wrapp .gallery-img{
    aspect-ratio: 16 / 10;
  }
}
/* Team section — white bg, normal titles */
.mti-team-sec.team-area{
  background-color: #fff !important;
  background-image: none !important;
}
.mti-team-sec .sec-title,
.mti-team-sec .sub-title{
  text-align: center !important;
  white-space: normal !important;
  word-break: normal !important;
  display: block !important;
}
.mti-team-sec .sec-title .char,
.mti-team-sec .sub-title .char,
.mti-team-sec .sec-title .word,
.mti-team-sec .sub-title .word{
  display: inline !important;
}
.mti-devs-gallery::before{
  display: none;
}
.mti-devs-gallery > .container{
  margin-bottom: 40px;
  padding-top: 12px;
}
.mti-devs-gallery .mti-devs-topbar{
  margin-bottom: 28px;
}
.mti-devs-gallery .mti-devs-topbar .sub-title{
  text-align: left !important;
  color: var(--theme-color, #B91202) !important;
  margin-bottom: 0;
}
.mti-devs-gallery .mti-devs-topbar .sec-btn{
  margin-top: 0;
}
.mti-devs-gallery .title-area{
  max-width: none;
  margin-bottom: 0;
}
.mti-devs-gallery .sec-title{
  text-align: left !important;
  color: var(--title-color, #0B1422) !important;
  margin-bottom: 0;
}
.mti-devs-gallery .mti-devs-intro{
  text-align: left !important;
  color: var(--body-color, #6E7070) !important;
  max-width: none;
  margin-top: 0;
  margin-bottom: 0;
  line-height: 1.75;
}
.mti-devs-gallery .mti-devs-brands{
  background: transparent;
  margin-top: 20px;
}
.mti-devs-gallery .mti-devs-brands .brand-box{
  background: transparent;
}
@media (max-width: 991.98px){
  .mti-devs-gallery .mti-devs-topbar{
    justify-content: center !important;
    text-align: center;
  }
  .mti-devs-gallery .mti-devs-topbar .sub-title,
  .mti-devs-gallery .sec-title{
    text-align: center !important;
  }
  .mti-devs-gallery .mti-devs-intro{
    text-align: center !important;
  }
}
.hero-14{
  --main-container: 1502px;
}
.mti-header-inner{
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 12px;
  min-height: 96px;
  height: 96px;
  width: 100%;
  overflow: visible;
}
.mti-brand{
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  align-self: center;
  line-height: 0;
  z-index: 2;
}
.mti-brand img{
  height: 78px;
  width: auto;
  max-width: 280px;
  object-fit: contain;
  display: block;
}

/* Nav sits in the middle, never wraps to next line */
.mti-nav.main-menu{
  flex: 1 1 auto !important;
  display: flex !important;
  align-items: stretch !important;
  justify-content: center !important;
  min-width: 0;
  width: auto !important;
  float: none !important;
  text-align: center !important;
  position: relative;
  z-index: 1;
  align-self: stretch;
  height: 100%;
}
.mti-nav.main-menu > ul{
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: stretch !important;
  justify-content: center !important;
  gap: 0;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
  float: none !important;
  width: auto !important;
  max-width: 100%;
  height: 100%;
}
.mti-nav.main-menu > ul > li{
  display: inline-flex !important;
  align-items: center !important;
  float: none !important;
  margin: 0 !important;
  padding: 0 !important;
  position: relative;
  vertical-align: middle;
}
.mti-nav.main-menu > ul > li > a{
  color: #fff !important;
  font-weight: 600;
  font-size: 13px;
  letter-spacing: .03em;
  text-transform: uppercase;
  padding: 8px 10px !important;
  line-height: 1.2;
  white-space: nowrap;
  background: transparent !important;
  border-radius: 6px;
  transition: color .2s ease, background .2s ease;
  display: inline-flex !important;
  align-items: center !important;
  height: 100%;
}
.mti-nav.main-menu > ul > li > a:hover,
.mti-nav.main-menu > ul > li:hover > a,
.mti-nav.main-menu > ul > li.active > a{
  color: #E85A4F !important;
  background: rgba(185,18,2,.12) !important;
}
.mti-nav.main-menu > ul > li.menu-item-has-children > a::after{
  margin-left: 4px;
  font-size: 10px;
}

.mti-header-actions{
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  gap: 10px;
  z-index: 2;
  align-self: center;
}
.mti-header-tools{
  display: flex;
  align-items: center;
  gap: 10px;
}
.mti-tool-btn{
  width: 38px;
  height: 38px;
  border: 1px solid #B91202;
  border-radius: 50%;
  background: #B91202;
  color: #fff;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  transition: none;
  cursor: pointer;
  padding: 0;
  box-shadow: 0 2px 8px rgba(185, 18, 2, 0.28);
}
.mti-tool-btn:hover,
.mti-tool-btn:focus,
.mti-tool-btn:active{
  background: #B91202 !important;
  border-color: #B91202 !important;
  color: #fff !important;
  box-shadow: 0 2px 8px rgba(185, 18, 2, 0.28);
}
.mti-tool-sep{
  color: rgba(255,255,255,.4);
  font-size: 14px;
  line-height: 1;
  padding: 0 2px;
}
.mti-header-phone{
  display: inline-flex;
  align-items: center;
  gap: 10px;
  color: #fff !important;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: .02em;
  white-space: nowrap;
  text-decoration: none !important;
  transition: none;
}
.mti-header-phone span{
  color: #fff !important;
}
.mti-header-phone i{
  width: 38px;
  height: 38px;
  border-radius: 50%;
  border: 1px solid #B91202;
  background: #B91202;
  color: #fff !important;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  box-shadow: 0 2px 8px rgba(185, 18, 2, 0.28);
  transition: none;
}
.mti-header-phone:hover,
.mti-header-phone:focus,
.mti-header-phone:active{
  color: #fff !important;
}
.mti-header-phone:hover span,
.mti-header-phone:focus span{
  color: #fff !important;
}
.mti-header-phone:hover i,
.mti-header-phone:focus i,
.mti-header-phone:active i{
  background: #B91202 !important;
  border-color: #B91202 !important;
  color: #fff !important;
  box-shadow: 0 2px 8px rgba(185, 18, 2, 0.28);
}
.mti-connect-btn.th-btn,
a.mti-connect-btn{
  white-space: nowrap !important;
  padding: 10px 18px !important;
  font-size: 13px !important;
  min-width: 0 !important;
  background: #B91202 !important;
  background-color: #B91202 !important;
  border-color: #B91202 !important;
  color: #fff !important;
  box-shadow: 0 4px 14px rgba(185, 18, 2, 0.32);
}
.mti-connect-btn.th-btn:hover,
.mti-connect-btn.th-btn:focus,
.mti-connect-btn.th-btn:active,
a.mti-connect-btn:hover,
a.mti-connect-btn:focus,
a.mti-connect-btn:active{
  background: #9e1002 !important;
  background-color: #9e1002 !important;
  border-color: #9e1002 !important;
  color: #fff !important;
}
.mti-connect-btn i,
.mti-connect-btn:hover i{
  color: #fff !important;
}

/* Simple dropdowns — left aligned, don't break row */
.mti-nav .sub-menu{
  text-align: left !important;
  position: absolute !important;
  top: calc(100% - 2px) !important;
  left: 0 !important;
  z-index: 1000 !important;
  /* Keep open briefly so the pointer can reach the panel */
  transition: opacity .12s ease, visibility .12s ease, transform .12s ease !important;
  transition-delay: .18s !important;
}
.mti-nav > ul > li:hover > .sub-menu,
.mti-nav > ul > li:focus-within > .sub-menu{
  transition-delay: 0s !important;
}
.mti-nav .sub-menu a{
  text-align: left !important;
}

/* Full-height hit area so the pointer never leaves the item before the panel */
.mti-nav.main-menu > ul > li.menu-item-has-children{
  align-self: stretch !important;
}

/* Mega menus — full-width panel across the top */
.mti-nav > ul > li.mega-menu-wrap{
  position: static !important;
}
.mti-header-bar .sticky-wrapper,
.mti-header-bar .menu-area{
  position: relative;
}
.mti-header-bar .mti-header-container,
.mti-header-bar .mti-header-inner,
.mti-header-bar .mti-nav,
.mti-header-bar .mti-nav > ul{
  position: static !important;
}
.mti-nav .mega-menu.mti-mega{
  position: absolute !important;
  top: 100% !important;
  left: 0 !important;
  right: 0 !important;
  transform: none !important;
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 28px 0 !important;
  background: #0B0B0B !important;
  border-top: 3px solid #B91202 !important;
  border-radius: 0 0 18px 18px !important;
  box-shadow: 0 28px 70px rgba(0,0,0,.5) !important;
  text-align: left !important;
  visibility: hidden;
  opacity: 0;
  z-index: 999 !important;
  pointer-events: none;
  transition: opacity .12s ease, visibility .12s ease !important;
  transition-delay: .18s !important;
}
/* Invisible bridge covering the gap between the link and the panel */
.mti-nav .mega-menu.mti-mega::before{
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 100%;
  height: 28px;
  background: transparent;
}
.mti-nav > ul > li.mega-menu-wrap:hover > .mega-menu.mti-mega,
.mti-nav > ul > li.mega-menu-wrap:focus-within > .mega-menu.mti-mega{
  visibility: visible;
  opacity: 1;
  pointer-events: auto;
  transform: none !important;
  transition-delay: 0s !important;
}
.mti-nav .mega-menu.mti-mega > li{
  display: block !important;
  width: 100%;
  float: none !important;
  text-align: left !important;
}
.mti-nav .mega-menu.mti-mega .mti-mega-container,
.mti-nav .mega-menu.mti-mega .container-fluid{
  max-width: var(--mti-content-max, 1526px) !important;
  width: 100%;
  margin-left: auto !important;
  margin-right: auto !important;
  padding: 0 28px !important;
  text-align: left !important;
}
.mti-nav .mega-menu.mti-mega .row{
  justify-content: flex-start !important;
  text-align: left !important;
  margin: 0 !important;
}
.mti-mega-feature{
  height: 100%;
  min-height: 280px;
  border-radius: 14px;
  overflow: hidden;
  position: relative;
  background: #141414;
  border: 1px solid rgba(185,18,2,.3);
  display: flex;
  flex-direction: column;
}
.mti-mega-feature-img{
  position: relative;
  height: 150px;
  overflow: hidden;
}
.mti-mega-feature-img img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: transform .45s ease;
}
.mti-mega-feature:hover .mti-mega-feature-img img{
  transform: scale(1.06);
}
.mti-mega-feature-img::after{
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, transparent 20%, rgba(11,11,11,.85) 100%);
}
.mti-mega-feature-body{
  padding: 16px 16px 18px;
  flex: 1;
  display: flex;
  flex-direction: column;
}
.mti-mega-feature-body h4{
  color: #fff;
  font-size: 16px;
  font-weight: 700;
  margin: 0 0 8px;
}
.mti-mega-feature-body p{
  color: rgba(255,255,255,.7);
  font-size: 13px;
  line-height: 1.55;
  margin: 0 0 14px;
  flex: 1;
}
.mti-mega-feature-link{
  color: #E85A4F !important;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: .03em;
  text-transform: uppercase;
  display: inline-flex;
  align-items: center;
  gap: 8px;
}
.mti-mega-feature-link:hover{
  color: #fff !important;
}
.mti-mega-col{
  height: 100%;
  padding: 8px 12px 8px 8px;
  text-align: left !important;
}
.mti-mega-title{
  color: #E85A4F !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  letter-spacing: .08em;
  text-transform: uppercase;
  margin: 0 0 14px !important;
  padding-bottom: 10px;
  border-bottom: 1px solid rgba(185,18,2,.35);
  text-align: left !important;
}
.mti-mega-list{
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
  text-align: left !important;
}
.mti-mega-list li{
  margin: 0 !important;
  float: none !important;
  display: block !important;
  text-align: left !important;
}
.mti-mega-list a{
  display: block !important;
  color: rgba(255,255,255,.88) !important;
  font-size: 15px !important;
  font-weight: 500 !important;
  text-transform: none !important;
  letter-spacing: 0 !important;
  padding: 8px 10px 8px 0 !important;
  text-align: left !important;
  transition: color .2s ease, padding-left .2s ease;
}
.mti-mega-list a:hover{
  color: #fff !important;
  padding-left: 8px !important;
  background: transparent !important;
}
.mti-mega-list a::before{
  content: "";
  display: inline-block;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #B91202;
  margin-right: 10px;
  vertical-align: middle;
  opacity: .85;
}

@media (max-width: 1399.98px){
  .mti-nav.main-menu > ul > li > a{
    font-size: 12px;
    padding: 8px 7px !important;
  }
  .mti-connect-btn{
    padding: 9px 14px !important;
    font-size: 12px !important;
  }
}
@media (max-width: 1199.98px){
  .mti-header-inner{
    height: 80px;
    min-height: 80px;
  }
  /* Hide desktop main nav — mobile uses icon → side menu only */
  .mti-header-bar .mti-nav.main-menu,
  .mti-header-bar nav.main-menu.mti-nav,
  .mti-header-bar .main-menu.d-none{
    display: none !important;
    visibility: hidden !important;
    width: 0 !important;
    height: 0 !important;
    overflow: hidden !important;
    pointer-events: none !important;
    flex: 0 0 0 !important;
    max-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
  }
  .mti-brand{
    flex: 1 1 auto !important;
    min-width: 0;
    max-width: calc(100% - 64px);
    overflow: hidden;
  }
  .mti-brand img{
    height: 52px !important;
    max-width: min(260px, 100%) !important;
    width: auto !important;
  }
  .mti-header-actions{
    flex: 0 0 auto !important;
    position: relative;
    z-index: 20;
    margin-left: auto;
  }
  /* Keep hamburger visible — theme uses absolute which overlaps the logo */
  .mti-header-bar .th-menu-toggle.d-xl-none{
    position: relative !important;
    right: auto !important;
    top: auto !important;
    transform: none !important;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    width: 48px !important;
    height: 48px !important;
    line-height: 1 !important;
    border-radius: 8px !important;
    background: #B91202 !important;
    color: #fff !important;
    z-index: 30 !important;
    flex-shrink: 0;
  }
}

@media (max-width: 575.98px){
  .mti-header-inner{
    height: 72px;
    min-height: 72px;
    gap: 8px;
  }
  .mti-brand img{
    height: 40px;
  }
  .mti-header-bar .th-menu-toggle.d-xl-none{
    width: 44px !important;
    height: 44px !important;
  }
}

/* Mobile slide-out menu — black logo bar so white MTI logo reads clearly */
.th-menu-wrapper .mobile-logo{
  background-color: #000 !important;
  background: #000 !important;
  padding: 28px 20px 24px !important;
  border-bottom: 1px solid rgba(185, 18, 2, .45);
}
.th-menu-wrapper .mobile-logo a{
  display: inline-block;
  line-height: 0;
  max-width: 100%;
}
.th-menu-wrapper .mobile-logo img{
  max-height: 48px !important;
  width: auto !important;
  max-width: 220px;
  object-fit: contain;
  filter: none;
}
.th-menu-wrapper .th-menu-area{
  background-color: #fff;
}
.th-menu-wrapper .th-menu-toggle{
  background: #B91202 !important;
  color: #fff !important;
}

/* Info sidemenu logo area (if opened) */
.sidemenu-wrapper.sidemenu-info .th-widget-about .about-logo{
  background: #000 !important;
  padding: 16px 14px;
  border-radius: 8px;
  margin-bottom: 16px;
  display: inline-block;
}
.sidemenu-wrapper.sidemenu-info .th-widget-about .about-logo img{
  max-height: 48px !important;
  width: auto;
}


/* =========================================================
   MTI Footer — dressed up
   ========================================================= */
.mti-footer{
  background: #000 !important;
  background-color: #000 !important;
  position: relative;
  overflow: hidden;
  width: 100% !important;
  max-width: none !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}
.mti-footer.footer-wrapper,
.mti-footer.bg-title{
  background: #000 !important;
  background-color: #000 !important;
  width: 100% !important;
  max-width: 100% !important;
}
.mti-footer::before{
  content: "";
  position: absolute;
  inset: 0 0 auto 0;
  height: 3px;
  width: 100%;
  background: linear-gradient(90deg, transparent, #B91202 20%, #E85A4F 50%, #B91202 80%, transparent);
  z-index: 2;
}
.mti-footer .widget-area{
  padding-top: 70px;
  padding-bottom: 40px;
}
.mti-footer .about-logo img{
  max-height: none;
  height: auto;
  width: 100%;
  max-width: 100%;
  object-fit: contain;
  object-position: left center;
  filter: brightness(1.05);
  margin-bottom: 8px;
}
.mti-footer .about-logo a{
  display: block;
  width: 100%;
  max-width: 280px;
}
.mti-footer .about-text{
  color: rgba(255,255,255,.72) !important;
  font-size: 14px;
  line-height: 1.7;
  margin-bottom: 14px;
}
.mti-footer .widget_title{
  color: #fff !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  letter-spacing: .04em;
  text-transform: uppercase;
  margin-bottom: 18px !important;
  padding-bottom: 12px;
  position: relative;
}
.mti-footer .widget_title::after{
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 42px;
  height: 2px;
  background: #B91202;
  border-radius: 2px;
}
.mti-footer .th-social a:hover{
  background: #B91202 !important;
  border-color: #B91202 !important;
}

/* Meridians Spirit — dressed column */
.mti-spirit{
  position: relative;
}
.mti-spirit-lead{
  color: rgba(255,255,255,.78) !important;
  font-size: 14px !important;
  line-height: 1.75 !important;
  text-align: justify !important;
  text-justify: inter-word;
  hyphens: auto;
  margin: 0 0 22px !important;
  padding: 14px 16px;
  background: rgba(185,18,2,.1);
  border: 1px solid rgba(185,18,2,.28);
  border-left: 3px solid #B91202;
  border-radius: 0 10px 10px 0;
}
.mti-spirit-lead p{
  color: inherit !important;
  font-size: inherit !important;
  line-height: inherit !important;
  text-align: justify !important;
  margin: 0 0 12px !important;
}
.mti-spirit-lead p:last-child{
  margin-bottom: 0 !important;
}
.mti-footer-values{
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.mti-footer-values li{
  margin: 0;
  padding: 12px 14px 12px 40px;
  position: relative;
  background: rgba(255,255,255,.03);
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 10px;
  transition: border-color .2s ease, background .2s ease;
}
.mti-footer-values li:hover{
  background: rgba(185,18,2,.1);
  border-color: rgba(185,18,2,.35);
}
.mti-footer-values li::before{
  content: "";
  position: absolute;
  left: 14px;
  top: 16px;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #B91202;
  box-shadow: 0 0 0 3px rgba(185,18,2,.25);
}
.mti-value-title{
  display: block;
  color: #E85A4F;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: .03em;
  line-height: 1.35;
  margin-bottom: 4px;
}
.mti-value-text{
  display: block;
  color: rgba(255,255,255,.7);
  font-size: 12.5px;
  line-height: 1.55;
}

/* Menu items + open faint line BELOW each item (same width all columns) */
.mti-footer .menu{
  margin: 0;
  padding: 0;
  list-style: none;
  width: 100%;
}
.mti-footer .menu li{
  margin: 0 0 16px !important;
  padding: 0 !important;
  border: 0 !important;
  width: 100%;
  list-style: none;
}
.mti-footer .menu li a{
  display: block !important;
  width: 100%;
  box-sizing: border-box;
  color: rgba(255,255,255,.88) !important;
  font-size: 14px !important;
  font-weight: 500;
  line-height: 1.4;
  padding: 0 0 12px !important;
  margin: 0 !important;
  background: transparent !important;
  transition: color .2s ease;
  position: relative;
}
.mti-footer .menu li a i,
.mti-footer .menu li a .fa{
  display: inline-block;
  font-size: 9px;
  margin-right: 8px;
  color: #B91202;
  vertical-align: middle;
}
/* Open, visible dotted rule — detached from text, equal width in every column */
.mti-footer .menu li a::after{
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 0;
  border: none;
  border-bottom: 1.5px dotted rgba(255,255,255,.38);
  pointer-events: none;
}
.mti-footer .menu li a:hover{
  color: #fff !important;
}
.mti-footer .menu li a:hover::after{
  border-bottom-color: rgba(232,90,79,.65);
}
/* Keep stacked widget columns consistent */
.mti-footer .widget_nav_menu,
.mti-footer .widget_nav_menu .menu-all-pages-container,
.mti-footer .widget_nav_menu .menu{
  width: 100%;
  max-width: 100%;
}
/* Open menu grid — same top level as Meridians Spirit */
.mti-footer-menus{
  margin: 0;
  /* offset larger footer logo so menu titles line up with Spirit heading */
  padding-top: 96px;
}
@media (max-width: 1199.98px){
  .mti-footer-menus{
    padding-top: 0;
  }
}
.mti-footer-menus > [class*="col-"]{
  display: flex;
}
.mti-footer-menus > .col-12{
  display: block;
}
.mti-footer-menu{
  width: 100%;
  margin-bottom: 0 !important;
}
.mti-footer-menu .widget_title{
  margin-top: 0 !important;
}
.mti-footer .widget_nav_menu + .widget_nav_menu,
.mti-footer .widget_nav_menu + .widget{
  margin-top: 0;
}
.mti-footer .widget-area .row.align-items-start{
  align-items: flex-start !important;
}
.mti-footer .th-widget-about .about-logo{
  margin-bottom: 4px;
}

/* Clarity + CONNECT row — Clarity left, CONNECT right */
.mti-clarity-connect-row{
  margin-top: 28px;
  align-items: stretch !important;
}
.mti-clarity-block{
  height: 100%;
  padding: 18px 16px;
  border-radius: 12px;
  background: rgba(185,18,2,.1);
  border: 1px solid rgba(185,18,2,.28);
  border-left: 3px solid #B91202;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.mti-clarity-block .mti-value-title{
  display: block;
  color: #fff;
  font-size: 15px;
  font-weight: 700;
  margin-bottom: 8px;
}
.mti-clarity-block .mti-value-text{
  display: block;
  color: rgba(255,255,255,.72);
  font-size: 13px;
  line-height: 1.6;
}
.mti-footer-contact-strip{
  width: 100%;
  height: 100%;
  margin-top: 0;
  padding: 16px 18px 14px;
  border-radius: 14px;
  background: linear-gradient(135deg, rgba(185,18,2,.14) 0%, rgba(0,0,0,.4) 50%, rgba(0,0,0,.55) 100%);
  border: 1px solid rgba(185,18,2,.35);
  box-shadow: 0 12px 36px rgba(0,0,0,.25);
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.mti-connect-title{
  margin: 0 0 12px !important;
  padding: 0 !important;
  color: #fff !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  letter-spacing: .18em !important;
  text-transform: uppercase !important;
  line-height: 1.2 !important;
}
.mti-connect-title::before,
.mti-connect-title::after{
  display: none !important;
}
/* Address + email size to content; phones take remaining space (no dead gap) */
.mti-footer-contact-grid,
.mti-connect-grid{
  display: flex;
  flex-wrap: nowrap;
  align-items: flex-start;
  gap: 18px 22px;
  width: 100%;
}
.mti-footer-contact-item{
  display: flex;
  gap: 10px;
  align-items: flex-start;
  min-width: 0;
  flex: 0 0 auto;
}
.mti-connect-grid > .mti-footer-contact-item:first-child{
  flex: 0 0 auto;
  min-width: 165px;
}
.mti-footer-contact-emails{
  flex: 0 0 auto;
}
.mti-footer-contact-phones{
  flex: 1 1 auto;
  min-width: 0;
}
.mti-footer-contact-ico{
  width: 40px;
  height: 40px;
  border-radius: 9px;
  background: rgba(185,18,2,.2);
  border: 1px solid rgba(185,18,2,.45);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  color: #E85A4F;
  font-size: 15px;
}
.mti-footer-contact-item .mti-contact-label{
  display: block;
  color: rgba(255,255,255,.45);
  font-size: 11px;
  font-weight: 600;
  letter-spacing: .04em;
  text-transform: uppercase;
  margin: 0 0 6px;
}
.mti-footer-contact-item p{
  color: rgba(255,255,255,.82) !important;
  font-size: 13px;
  line-height: 1.45;
  margin: 0 0 4px !important;
}
.mti-footer-contact-item p:last-child{
  margin-bottom: 0 !important;
}
.mti-footer-contact-item .info-box_link{
  color: rgba(255,255,255,.85) !important;
  font-size: 12.5px;
}
.mti-footer-contact-item .info-box_link:hover{
  color: #E85A4F !important;
}
/* Emails — two clean lines (no orphan pipe) */
.mti-email-inline{
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 5px;
  min-width: 0;
}
.mti-email-inline .info-box_link{
  white-space: nowrap;
  font-size: 12.5px;
}
.mti-email-sep{
  display: none;
}
/* Phones — even columns with breathing room */
.mti-phone-cols{
  width: 100%;
  min-width: 0;
}
.mti-phone-col-grid{
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 6px 16px;
  width: 100%;
}
.mti-phone-col p{
  margin-bottom: 6px !important;
  white-space: nowrap;
}
.mti-phone-col p:last-child{
  margin-bottom: 0 !important;
}
.mti-phone-col .info-box_link{
  font-size: 12.5px;
}
@media (max-width: 1399.98px){
  .mti-connect-grid{
    gap: 14px 16px;
  }
  .mti-email-inline .info-box_link,
  .mti-phone-col .info-box_link{
    font-size: 12px;
  }
  .mti-phone-col-grid{
    gap: 5px 12px;
  }
}
@media (max-width: 1199.98px){
  .mti-clarity-connect-row{
    margin-top: 20px;
  }
  .mti-connect-grid{
    flex-wrap: wrap;
    gap: 14px 18px;
  }
  .mti-footer-contact-phones{
    flex: 1 1 100%;
  }
  .mti-email-inline .info-box_link{
    white-space: normal;
  }
}
@media (max-width: 991.98px){
  .mti-connect-grid{
    flex-direction: column;
    gap: 14px;
  }
  .mti-footer-contact-emails,
  .mti-footer-contact-phones{
    flex: 1 1 auto;
    max-width: none;
    width: 100%;
  }
  .mti-phone-col-grid{
    grid-template-columns: 1fr 1fr;
  }
  .mti-phone-col p{
    white-space: normal;
  }
}
@media (max-width: 575.98px){
  .mti-phone-col-grid{
    grid-template-columns: 1fr;
  }
}

/* Contact block (legacy stacked) */
.mti-footer .th-widget-contact .info-box_text{
  display: flex;
  gap: 12px;
  align-items: flex-start;
  margin-bottom: 14px;
}
.mti-footer .th-widget-contact .icon{
  width: 34px;
  height: 34px;
  border-radius: 8px;
  background: rgba(185,18,2,.18);
  border: 1px solid rgba(185,18,2,.35);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
}
.mti-footer .th-widget-contact .icon i{
  color: #E85A4F !important;
  font-size: 13px;
}
.mti-footer .th-widget-contact .details,
.mti-footer .th-widget-contact .details p,
.mti-footer .th-widget-contact .info-box_link{
  color: rgba(255,255,255,.8) !important;
  font-size: 14px;
  margin: 0;
}
.mti-footer .th-widget-contact .info-box_link:hover{
  color: #E85A4F !important;
}
.mti-footer .th-widget-contact .mti-contact-label{
  display: block;
  color: rgba(255,255,255,.45);
  font-size: 11px;
  font-weight: 600;
  letter-spacing: .04em;
  text-transform: uppercase;
  margin-bottom: 2px;
}
.mti-phone-ico{
  color: #E85A4F;
  font-size: 12px;
  margin-right: 8px;
  width: 12px;
  text-align: center;
}
.mti-footer .th-widget-contact .info-box_link .mti-phone-ico{
  color: #E85A4F;
}
.about-contact-details-text .mti-phone-ico{
  margin-right: 8px;
}
.mti-footer .th-widget-contact .details p{
  margin-bottom: 6px !important;
}
.mti-footer .th-widget-contact .details p:last-child{
  margin-bottom: 0 !important;
}

/* Copyright / signature bar — full viewport width, content centered */
.mti-footer .copyright-wrap,
.mti-footer .mti-copyright-bar{
  background: rgba(0,0,0,.55) !important;
  border-top: 1px solid rgba(185,18,2,.28);
  padding: 18px 0 !important;
  margin-top: 10px;
  width: 100vw !important;
  max-width: 100% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  position: relative;
  left: 0;
  right: 0;
  box-sizing: border-box;
}
.mti-footer .mti-copyright-bar > .container{
  max-width: var(--mti-content-max) !important;
  margin-left: auto;
  margin-right: auto;
}
.mti-footer .copyright-text,
.mti-footer .copyright-text a{
  color: rgba(255,255,255,.7) !important;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: .04em;
  text-transform: uppercase;
}
.mti-footer .mti-copy-sep{
  color: rgba(255,255,255,.4);
  margin: 0 6px;
  font-weight: 400;
}
.mti-footer .copyright-text a:hover{
  color: #E85A4F !important;
}
.mti-footer .footer-links ul,
.mti-footer .footer-links ul.mti-copy-links{
  display: flex;
  flex-wrap: wrap;
  gap: 0 6px;
  justify-content: flex-end;
  align-items: center;
  margin: 0;
  padding: 0;
  list-style: none;
}
.mti-footer .footer-links a{
  color: rgba(255,255,255,.75) !important;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: .04em;
  text-transform: uppercase;
  position: relative;
  display: inline-block;
  padding-bottom: 0;
  min-width: 0;
  white-space: nowrap;
}
.mti-footer .footer-links a::after{
  content: none !important;
  display: none !important;
  border: none !important;
}
.mti-footer .footer-links a:hover{
  color: #E85A4F !important;
}
.mti-footer .mti-link-sep{
  color: rgba(255,255,255,.4);
  font-size: 12px;
  line-height: 1;
  padding: 0 2px;
  list-style: none;
}
/* Country flags after FAQ */
.mti-footer-flags{
  display: inline-flex !important;
  align-items: center;
  gap: 8px;
  list-style: none;
  margin: 0 !important;
  padding: 0 0 2px !important;
}
.mti-footer-flags .mti-flag-sep{
  color: rgba(255,255,255,.45);
  font-size: 14px;
  margin-right: 2px;
  line-height: 1;
}
.mti-footer-flags .mti-flag{
  width: 26px;
  height: 18px;
  object-fit: cover;
  border-radius: 2px;
  box-shadow: 0 0 0 1px rgba(255,255,255,.18);
  display: block;
}
.mti-footer .shadow-title{
  opacity: .06;
  color: #B91202 !important;
  font-weight: 800;
  letter-spacing: .08em;
}

@media (max-width: 991.98px){
  .mti-footer .footer-links ul{
    justify-content: center;
  }
  .mti-footer .copyright-wrap{
    text-align: center;
  }
}

/* Legal modals — Terms & Privacy */
.mti-legal-modal .modal-content{
  border: 0;
  border-radius: 14px;
  overflow: hidden;
  box-shadow: 0 24px 60px rgba(0,0,0,.45);
}
.mti-legal-modal .modal-header{
  background: #0B0B0B;
  border-bottom: 1px solid rgba(185,18,2,.35);
  color: #fff;
  padding: 18px 22px;
}
.mti-legal-modal .modal-title{
  color: #fff;
  font-weight: 700;
  letter-spacing: .03em;
  text-transform: uppercase;
  font-size: 16px;
}
.mti-legal-modal .btn-close{
  filter: invert(1);
  opacity: .85;
}
.mti-legal-modal .modal-body{
  padding: 22px 24px;
  color: #333;
  font-size: 14px;
  line-height: 1.7;
  max-height: min(65vh, 520px);
}
.mti-legal-modal .modal-body h6{
  color: #B91202;
  font-weight: 700;
  margin: 16px 0 8px;
  font-size: 14px;
}
.mti-legal-modal .modal-body p{
  margin-bottom: 10px;
}
.mti-legal-modal .modal-footer{
  border-top: 1px solid #eee;
  padding: 14px 22px;
  background: #fafafa;
}
.mti-footer .footer-links a[data-bs-toggle="modal"]{
  cursor: pointer;
}


/* =========================================================
   Testimonial section — background + multi-service slider
   ========================================================= */
.mti-testi-sec,
.testimonial-area2.mti-testi-sec{
  position: relative;
  background-size: cover !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
  z-index: 1;
}
.mti-testi-sec::before{
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(0,0,0,.72);
  z-index: 0;
  pointer-events: none;
}
.mti-testi-sec > .container{
  position: relative;
  z-index: 1;
}
/* Title removed — never show leftover heading */
.mti-testi-sec .title-area,
.mti-testi-sec .sub-title,
.mti-testi-sec .sec-title{
  display: none !important;
}
.mti-testi-slider-wrap{
  position: relative;
  padding: 10px 0 8px;
}
.mti-testi-card{
  height: 100%;
  min-height: 280px;
  padding: 26px 24px 22px;
  border-radius: 14px;
  background: rgba(255,255,255,.06);
  border: 1px solid rgba(185,18,2,.35);
  box-shadow: 0 14px 40px rgba(0,0,0,.28);
  display: flex;
  flex-direction: column;
  gap: 12px;
  backdrop-filter: blur(6px);
}
.mti-testi-service{
  display: inline-block;
  align-self: flex-start;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .08em;
  text-transform: uppercase;
  color: #E85A4F;
  background: rgba(185,18,2,.18);
  border: 1px solid rgba(185,18,2,.4);
  border-radius: 999px;
  padding: 5px 12px;
}
.mti-testi-text{
  color: rgba(255,255,255,.9) !important;
  font-size: 15px;
  line-height: 1.65;
  margin: 0 !important;
  flex: 1 1 auto;
}
.mti-testi-stars{
  color: #FFB539;
  font-size: 13px;
  letter-spacing: 2px;
}
.mti-testi-person{
  display: flex;
  align-items: center;
  gap: 12px;
  margin-top: 6px;
  padding-top: 14px;
  border-top: 1px solid rgba(255,255,255,.1);
}
.mti-testi-person img{
  width: 48px;
  height: 48px;
  border-radius: 50%;
  object-fit: cover;
  border: 2px solid rgba(185,18,2,.55);
  flex: 0 0 auto;
}
.mti-testi-name{
  margin: 0 !important;
  color: #fff !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
}
.mti-testi-role{
  display: block;
  color: rgba(255,255,255,.65);
  font-size: 13px;
  margin-top: 3px;
}
.mti-testi-nav{
  display: flex;
  justify-content: center;
  gap: 12px;
  margin-top: 28px;
}
.mti-testi-nav .slider-arrow{
  width: 46px;
  height: 46px;
  border-radius: 50%;
  border: 1px solid rgba(255,255,255,.25);
  background: rgba(0,0,0,.35);
  color: #fff;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.mti-testi-nav .slider-arrow:hover{
  background: #B91202;
  border-color: #B91202;
  color: #fff;
}


/* Mid-page cloud slider (from home-cloud) before Projects */
.mti-cloud-slider-sec{
  position: relative;
  margin: 0;
  padding: 0;
  background: transparent;
}
.mti-cloud-slider-sec .hero-2.mti-cloud-mid-slider{
  margin: 0 auto;
  padding-top: 40px;
  padding-bottom: 40px;
  background: transparent !important;
}
.mti-cloud-slider-sec .hero2-overlay{
  display: none;
}
.mti-cloud-slider-sec .hero-2 .hero-slider-2{
  border-radius: 24px;
  overflow: hidden;
}
@media (max-width: 767.98px){
  .mti-cloud-slider-sec .hero-2.mti-cloud-mid-slider{
    padding-top: 20px;
    padding-bottom: 20px;
  }
}


/* MSP pages — home-it-solutions hero-10 */
.mti-msp-slider-sec{
  position: relative;
  margin: 0;
  padding: 0;
  background: transparent;
}
.mti-msp-slider-sec .hero-10{
  background: transparent !important;
}
.mti-msp-slider-sec .hero-featured{
  display: none !important;
}
.mti-vapt-bread.mti-msp-bread{
  padding: 24px 0 0;
}


/* MSSP pages — home-cybersecurity hero-5 (keeps site header) */
.mti-mssp-slider-sec{
  position: relative;
  margin: 0;
  padding: 0;
  background: transparent;
}
.mti-mssp-slider-sec .th-hero-wrapper.hero-5{
  margin: 0;
}
.mti-mssp-bread{
  padding: 24px 0 0;
  background: transparent !important;
}


/* DEV + Cloud pages — home-software-development hero-8 (keeps site header) */
.mti-devcloud-slider-sec{
  position: relative;
  margin: 0;
  padding: 0;
  background: transparent;
}
.mti-devcloud-slider-sec .th-hero-wrapper.hero-8{
  margin: 0;
}
/* SEO page — keep hero artwork readable; play icon stays decorative (no video link) */
#mti-devcloud-hero-seocontent .th-hero-image .hero-img img[src*="mti-seo"]{
  object-fit: cover;
  object-position: center center;
}
#mti-devcloud-hero-seocontent .video-circle .icon{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: default;
  pointer-events: none;
}
.mti-devcloud-bread{
  padding: 24px 0 0;
  background: transparent !important;
}

/* MSSP hero-8 sliders — dark navy overlay only (do not alter layout/height) */
#mti-devcloud-hero-vapt,
#mti-devcloud-hero-va,
#mti-devcloud-hero-pentest,
#mti-devcloud-hero-audit,
#mti-devcloud-hero-grc,
#mti-devcloud-hero-dataprotect,
#mti-devcloud-hero-endpoint,
#mti-devcloud-hero-firewalls,
#mti-devcloud-hero-fwmgmt,
#mti-devcloud-hero-netsec,
#mti-devcloud-hero-entsec,
#mti-devcloud-hero-consult,
#mti-devcloud-hero-vciso,
#mti-devcloud-hero-vcio,
#mti-devcloud-hero-vcto,
#mti-devcloud-hero-awareness,
#mti-devcloud-hero-secarch,
#mti-devcloud-hero-devsecops{
  position: relative;
}
#mti-devcloud-hero-vapt::before,
#mti-devcloud-hero-va::before,
#mti-devcloud-hero-pentest::before,
#mti-devcloud-hero-audit::before,
#mti-devcloud-hero-grc::before,
#mti-devcloud-hero-dataprotect::before,
#mti-devcloud-hero-endpoint::before,
#mti-devcloud-hero-firewalls::before,
#mti-devcloud-hero-fwmgmt::before,
#mti-devcloud-hero-netsec::before,
#mti-devcloud-hero-entsec::before,
#mti-devcloud-hero-consult::before,
#mti-devcloud-hero-vciso::before,
#mti-devcloud-hero-vcio::before,
#mti-devcloud-hero-vcto::before,
#mti-devcloud-hero-awareness::before,
#mti-devcloud-hero-secarch::before,
#mti-devcloud-hero-devsecops::before{
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
  background: rgba(11, 20, 34, 0.62);
}
#mti-devcloud-hero-vapt .swiper,
#mti-devcloud-hero-va .swiper,
#mti-devcloud-hero-pentest .swiper,
#mti-devcloud-hero-audit .swiper,
#mti-devcloud-hero-grc .swiper,
#mti-devcloud-hero-dataprotect .swiper,
#mti-devcloud-hero-endpoint .swiper,
#mti-devcloud-hero-firewalls .swiper,
#mti-devcloud-hero-fwmgmt .swiper,
#mti-devcloud-hero-netsec .swiper,
#mti-devcloud-hero-entsec .swiper,
#mti-devcloud-hero-consult .swiper,
#mti-devcloud-hero-vciso .swiper,
#mti-devcloud-hero-vcio .swiper,
#mti-devcloud-hero-vcto .swiper,
#mti-devcloud-hero-awareness .swiper,
#mti-devcloud-hero-secarch .swiper,
#mti-devcloud-hero-devsecops .swiper{
  z-index: 2;
}
#mti-devcloud-hero-vapt .dash-shape,
#mti-devcloud-hero-vapt .video-circle,
#mti-devcloud-hero-va .dash-shape,
#mti-devcloud-hero-va .video-circle,
#mti-devcloud-hero-pentest .dash-shape,
#mti-devcloud-hero-pentest .video-circle,
#mti-devcloud-hero-audit .dash-shape,
#mti-devcloud-hero-audit .video-circle,
#mti-devcloud-hero-grc .dash-shape,
#mti-devcloud-hero-grc .video-circle,
#mti-devcloud-hero-dataprotect .dash-shape,
#mti-devcloud-hero-dataprotect .video-circle,
#mti-devcloud-hero-endpoint .dash-shape,
#mti-devcloud-hero-endpoint .video-circle,
#mti-devcloud-hero-firewalls .dash-shape,
#mti-devcloud-hero-firewalls .video-circle,
#mti-devcloud-hero-fwmgmt .dash-shape,
#mti-devcloud-hero-fwmgmt .video-circle,
#mti-devcloud-hero-netsec .dash-shape,
#mti-devcloud-hero-netsec .video-circle,
#mti-devcloud-hero-entsec .dash-shape,
#mti-devcloud-hero-entsec .video-circle,
#mti-devcloud-hero-consult .dash-shape,
#mti-devcloud-hero-consult .video-circle,
#mti-devcloud-hero-vciso .dash-shape,
#mti-devcloud-hero-vciso .video-circle,
#mti-devcloud-hero-vcio .dash-shape,
#mti-devcloud-hero-vcio .video-circle,
#mti-devcloud-hero-vcto .dash-shape,
#mti-devcloud-hero-vcto .video-circle,
#mti-devcloud-hero-awareness .dash-shape,
#mti-devcloud-hero-awareness .video-circle,
#mti-devcloud-hero-secarch .dash-shape,
#mti-devcloud-hero-secarch .video-circle,
#mti-devcloud-hero-devsecops .dash-shape,
#mti-devcloud-hero-devsecops .video-circle{
  z-index: 2;
}



/* Credentials / qualifications — premium redesign */
.mti-creds-sec{
  position: relative;
  background:
    radial-gradient(ellipse 80% 50% at 50% -10%, rgba(185, 18, 2, 0.06), transparent 55%),
    linear-gradient(180deg, #F7F8FA 0%, #FFFFFF 42%, #FFFFFF 100%) !important;
  overflow: hidden;
}
.mti-creds-sec::before{
  content: "";
  position: absolute;
  inset: 0;
  background-image:
    linear-gradient(rgba(11, 20, 34, 0.03) 1px, transparent 1px),
    linear-gradient(90deg, rgba(11, 20, 34, 0.03) 1px, transparent 1px);
  background-size: 48px 48px;
  mask-image: linear-gradient(180deg, rgba(0,0,0,.35), transparent 70%);
  pointer-events: none;
}
.mti-creds-sec > .container{
  position: relative;
  z-index: 1;
}
.mti-creds-title .sec-title{
  letter-spacing: -0.02em;
}
.mti-creds-intro{
  max-width: 780px;
  margin-top: 16px;
  color: var(--body-color, #6E7070);
  font-size: 16px;
  line-height: 1.75;
}
.mti-creds-grid{
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 24px;
  align-items: stretch;
}
.mti-cred-card{
  position: relative;
  display: flex;
  flex-direction: column;
  min-height: 100%;
  padding: 0;
  border: 1px solid rgba(11, 20, 34, 0.08);
  border-radius: 20px;
  background: #fff;
  box-shadow: 0 10px 30px rgba(11, 20, 34, 0.04);
  overflow: hidden;
  transition: transform .35s cubic-bezier(.22,1,.36,1), box-shadow .35s ease, border-color .35s ease;
}
.mti-cred-card::after{
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 3px;
  background: linear-gradient(90deg, #B91202 0%, #7A0E02 55%, rgba(185,18,2,0) 100%);
  transform: scaleX(.35);
  transform-origin: left center;
  transition: transform .4s cubic-bezier(.22,1,.36,1);
}
.mti-cred-card:hover{
  transform: translateY(-6px);
  border-color: rgba(185, 18, 2, 0.22);
  box-shadow:
    0 24px 44px rgba(11, 20, 34, 0.1),
    0 0 0 1px rgba(185, 18, 2, 0.06);
}
.mti-cred-card:hover::after{
  transform: scaleX(1);
}
.mti-cred-head{
  display: grid;
  grid-template-columns: auto auto minmax(0, 1fr);
  gap: 12px;
  align-items: center;
  min-height: 92px;
  padding: 18px 18px 16px;
  background: linear-gradient(180deg, #0B0B0B 0%, #171717 100%);
  color: #fff;
}
.mti-cred-num{
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .14em;
  color: rgba(255,255,255,.42);
}
.mti-cred-icon{
  width: 44px;
  height: 44px;
  border-radius: 12px;
  display: grid;
  place-items: center;
  margin: 0;
  flex-shrink: 0;
  background: linear-gradient(145deg, #B91202 0%, #7A0E02 100%);
  color: #fff;
  font-size: 1rem;
  box-shadow: 0 10px 20px rgba(185, 18, 2, 0.35);
}
.mti-cred-heading{
  min-width: 0;
}
.mti-cred-heading .mti-cred-tag{
  display: block;
  margin-bottom: 4px;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: .1em;
  text-transform: uppercase;
  color: rgba(255,255,255,.55);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.mti-cred-heading .box-title{
  margin: 0;
  font-size: 1.05rem;
  line-height: 1.3;
  color: #fff !important;
}
.mti-cred-text{
  margin: 0;
  padding: 16px 18px 10px;
  min-height: 72px;
  font-size: 13.5px;
  line-height: 1.6;
  color: var(--body-color, #6E7070);
}
.mti-cred-badges{
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
  padding: 0 18px 20px;
  margin-top: auto;
}
.mti-cred-badge{
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 2px;
  width: 100%;
  min-height: 58px;
  padding: 9px 10px;
  border-radius: 12px;
  border: 1px solid rgba(11, 20, 34, 0.08);
  background: #F4F6F8;
  transition: background .2s ease, border-color .2s ease, transform .2s ease;
}
.mti-cred-badge strong{
  font-size: 12px;
  font-weight: 700;
  line-height: 1.25;
  color: #0B1422;
}
.mti-cred-badge em{
  font-style: normal;
  font-size: 10.5px;
  line-height: 1.3;
  color: #6E7070;
}
.mti-cred-badge--elite{
  border-color: rgba(185, 18, 2, 0.22);
  background: linear-gradient(180deg, #FFF5F3 0%, #F8EDEB 100%);
}
.mti-cred-badge--elite strong{
  color: #7A0E02;
}
.mti-cred-card:hover .mti-cred-badge{
  border-color: rgba(11, 20, 34, 0.12);
}
.mti-cred-card:hover .mti-cred-badge--elite{
  border-color: rgba(185, 18, 2, 0.35);
}
@media (max-width: 1199.98px){
  .mti-creds-grid{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 767.98px){
  .mti-creds-grid{
    grid-template-columns: 1fr;
    gap: 16px;
  }
  .mti-cred-head{
    grid-template-columns: auto minmax(0, 1fr);
  }
  .mti-cred-num{
    display: none;
  }
  .mti-cred-text{
    min-height: 0;
  }
}


/* Overview stats strip — dressed up counters */
.mti-stats-sec{
  position: relative;
  padding: 0 0 10px;
  margin-top: -10px;
  z-index: 2;
}
.mti-stats-wrap{
  position: relative;
  padding: 28px 28px;
  border-radius: 24px;
  background:
    radial-gradient(ellipse 70% 120% at 0% 50%, rgba(185, 18, 2, 0.28), transparent 55%),
    linear-gradient(135deg, #0B0B0B 0%, #171717 55%, #1A0A08 100%);
  box-shadow:
    0 24px 50px rgba(11, 20, 34, 0.18),
    0 0 0 1px rgba(255,255,255,0.06) inset;
  overflow: hidden;
}
.mti-stats-wrap::before{
  content: "";
  position: absolute;
  inset: 0;
  background-image:
    linear-gradient(rgba(255,255,255,0.035) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,0.035) 1px, transparent 1px);
  background-size: 36px 36px;
  mask-image: linear-gradient(90deg, rgba(0,0,0,.5), transparent 85%);
  pointer-events: none;
}
.mti-stats-grid{
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 18px;
}
.mti-stat-card{
  display: flex;
  align-items: center;
  gap: 14px;
  min-height: 108px;
  padding: 18px 16px;
  border-radius: 18px;
  background: rgba(255,255,255,0.04);
  border: 1px solid rgba(255,255,255,0.08);
  backdrop-filter: blur(6px);
  transition: transform .3s ease, background .3s ease, border-color .3s ease;
}
.mti-stat-card:hover{
  transform: translateY(-4px);
  background: rgba(255,255,255,0.07);
  border-color: rgba(185, 18, 2, 0.45);
}
.mti-stat-icon{
  width: 52px;
  height: 52px;
  border-radius: 14px;
  display: grid;
  place-items: center;
  flex-shrink: 0;
  background: linear-gradient(145deg, #B91202 0%, #7A0E02 100%);
  color: #fff;
  font-size: 1.15rem;
  box-shadow: 0 12px 24px rgba(185, 18, 2, 0.35);
}
.mti-stat-number{
  margin: 0 0 4px;
  font-size: clamp(1.7rem, 2.2vw, 2.15rem);
  line-height: 1;
  font-weight: 800;
  letter-spacing: -0.03em;
  color: #fff;
}
.mti-stat-suffix{
  color: #B91202;
  margin-left: 1px;
}
.mti-stat-label{
  margin: 0;
  font-size: 13px;
  font-weight: 600;
  letter-spacing: .02em;
  color: rgba(255,255,255,0.72);
}
@media (max-width: 991.98px){
  .mti-stats-grid{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 575.98px){
  .mti-stats-wrap{
    padding: 18px;
    border-radius: 18px;
  }
  .mti-stats-grid{
    grid-template-columns: 1fr;
    gap: 12px;
  }
  .mti-stat-card{
    min-height: 0;
  }
}


/* Overview Work Process — solid color background (no image) */
.mti-overview-process.process-sec4{
  position: relative;
  background: #0B1422 !important;
  background-image: none !important;
  z-index: 1;
}
.mti-overview-process.process-sec4::before{
  display: none !important;
  content: none !important;
}
.mti-overview-process.process-sec4 > .container,
.mti-overview-process.process-sec4 > .shape-mockup{
  position: relative;
  z-index: 1;
}
.mti-overview-process .title-area .sub-title,
.mti-overview-process .title-area .sec-title{
  color: #fff !important;
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  word-break: normal !important;
}
.mti-overview-process .title-area .sec-title{
  white-space: nowrap !important;
}
.mti-overview-process .title-area .sub-title{
  color: #B91202 !important;
  white-space: normal !important;
}
@media (max-width: 767.98px){
  .mti-overview-process .title-area .sec-title{
    white-space: normal !important;
    font-size: clamp(1.35rem, 5.5vw, 1.85rem) !important;
  }
}
.mti-overview-process .title-area .sec-title .char,
.mti-overview-process .title-area .sub-title .char,
.mti-overview-process .title-area .sec-title .word,
.mti-overview-process .title-area .sub-title .word{
  display: inline !important;
  color: inherit !important;
}
.mti-overview-process .process-card4{
  background: #fff;
  border-radius: 16px;
  padding: 28px 24px;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
  margin-bottom: 16px;
  border: 1px solid rgba(11,20,34,.06);
  box-shadow: 0 12px 30px rgba(0,0,0,.12);
  transition: transform .25s ease, border-color .25s ease;
}
.mti-overview-process .process-card4:hover,
.mti-overview-process .process-card4.item-active2{
  transform: translateY(-3px);
  border-color: rgba(185,18,2,.25);
}
.mti-overview-process .process-card4 .box-title{
  color: #0B1422 !important;
  font-size: 1.1rem;
  margin-bottom: 8px;
}
.mti-overview-process .process-card4 .box-text{
  color: #6E7070;
  margin: 0;
  font-size: 14px;
  line-height: 1.65;
}
.mti-overview-process .process-card4 .box-number{
  flex-shrink: 0;
  min-width: 48px;
  height: 48px;
  border-radius: 12px;
  display: grid;
  place-items: center;
  /* White card → black + red */
  background: #fff;
  color: #0B1422 !important;
  border: 2px solid #B91202;
  font-weight: 800;
  font-size: 14px;
  box-shadow: 0 8px 18px rgba(185,18,2,.12);
}
.mti-overview-process .process-card4:hover .box-number,
.mti-overview-process .process-card4.item-active2 .box-number{
  background: #0B1422;
  color: #fff !important;
  border-color: #B91202;
}
/* If process icons appear on the dark section canvas (not white cards) */
.mti-overview-process > .container .title-area .squre-shape{
  background: #B91202;
}
.mti-overview-process .process-box-img-wrap{
  position: relative;
  min-height: 420px;
}
.mti-overview-process .process-box-img{
  border-radius: 18px;
  overflow: hidden;
  margin-bottom: 16px;
}
.mti-overview-process .process-box-img .box-img{
  width: 100%;
  height: auto;
  display: block;
}
@media (max-width: 1199.98px){
  .mti-overview-process .process-box-img-wrap{
    min-height: 0;
    margin-bottom: 24px;
  }
}


/* Hide leftover Ui/Ux doodle process shape */
.process-bg-shape4-1,
img[src*="process-thumbbg4-1"]{
  display: none !important;
}


/* Clientile — Clients & Partners */
.mti-clients-partners{
  background: #fff;
}
.mti-clients-partners .title-area .sec-title{
  color: #0B1422;
}
.mti-clients-partners .title-area .sec-text{
  margin-top: 12px;
  color: #6E7070;
}
.mti-clients-partners .brand-area{
  margin-top: 10px;
}
.mti-clients-partners .brand-box{
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 72px;
  padding: 12px 18px;
}

/* Hide blue squiggle shape */
img[src*="ab-1-shape-1"],
.shape-mockup img[src*="ab-1-shape-1"]{
  display: none !important;
}
/* Signature replacement */
.mti-sign-text{
  display: inline-block;
  font-family: var(--title-font, "Plus Jakarta Sans", sans-serif);
  font-size: 1.35rem;
  font-weight: 800;
  letter-spacing: 0.08em;
  color: #B91202;
  line-height: 1;
  transform: rotate(-6deg);
}
.discount-tag .icon .mti-sign-text,
a.icon .mti-sign-text{
  color: #B91202;
}

/* ========== Contact page ========== */
.mti-contact-page{
  background: #fff;
}
.mti-contact-page .row.gy-40{
  align-items: stretch !important;
}
.mti-contact-page .row.align-items-stretch > [class*="col-"]{
  display: flex;
  flex-direction: column;
}
.mti-contact-page .col-xl-5{
  display: flex;
  flex-direction: column;
}
.mti-contact-intro{
  width: 100%;
}
.mti-contact-intro .sub-title{
  color: #B91202;
}
.mti-contact-intro .sec-title{
  color: #0B1422;
  margin-bottom: 14px;
  text-align: left;
}
.mti-contact-intro .sec-text{
  color: #6E7070;
  margin-bottom: 28px;
  max-width: none;
  width: 100%;
  text-align: justify !important;
  text-justify: inter-word;
  hyphens: auto;
  line-height: 1.75;
}
.mti-contact-cards{
  display: grid;
  gap: 14px;
  width: 100%;
  flex: 1 1 auto;
  align-content: stretch;
  grid-auto-rows: 1fr;
}
.mti-contact-card{
  position: relative;
  display: flex;
  gap: 16px;
  align-items: flex-start;
  height: 100%;
  padding: 24px 22px;
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 18px;
  background: linear-gradient(155deg, #141c2c 0%, #0B1422 55%, #0a101a 100%);
  box-shadow: 0 16px 40px rgba(11,20,34,.28);
  overflow: hidden;
  transition: border-color .28s ease, transform .28s ease, box-shadow .28s ease;
}
.mti-contact-card::before{
  content: "";
  position: absolute;
  inset: 0 auto 0 0;
  width: 3px;
  background: linear-gradient(180deg, #B91202, #7A0E02);
  opacity: .85;
}
.mti-contact-card::after{
  content: "";
  position: absolute;
  top: -40%;
  right: -20%;
  width: 160px;
  height: 160px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(185,18,2,.18) 0%, transparent 70%);
  pointer-events: none;
}
.mti-contact-card:hover{
  border-color: rgba(185,18,2,.45);
  transform: translateY(-3px);
  box-shadow: 0 22px 48px rgba(11,20,34,.4);
}
.mti-contact-card-icon{
  position: relative;
  z-index: 1;
  flex-shrink: 0;
  width: 52px;
  height: 52px;
  border-radius: 14px;
  display: grid;
  place-items: center;
  background: linear-gradient(145deg, #B91202, #7A0E02);
  color: #fff;
  font-size: 1.1rem;
  box-shadow: 0 10px 24px rgba(185,18,2,.35);
}
.mti-contact-card-body{
  position: relative;
  z-index: 1;
  min-width: 0;
  flex: 1 1 auto;
  width: 100%;
}
.mti-contact-card-title{
  font-size: 1.08rem;
  margin: 0 0 10px;
  color: #fff;
  font-weight: 700;
  text-align: left;
}
.mti-contact-card p{
  margin: 0 0 10px;
  color: rgba(255,255,255,.68);
  font-size: 15px;
  line-height: 1.65;
  text-align: justify !important;
  text-justify: inter-word;
  hyphens: auto;
}
.mti-contact-card a{
  color: #fff;
  font-weight: 600;
  text-decoration: none;
  transition: color .2s ease;
}
.mti-contact-card a:hover{
  color: #ff6b5a;
}
.mti-contact-card .mti-contact-label{
  display: inline-block;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .06em;
  text-transform: uppercase;
  color: #B91202;
  margin-bottom: 2px;
}
.mti-contact-phones{
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}
.mti-contact-phones li{
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 8px 10px;
  border-radius: 10px;
  background: rgba(255,255,255,.04);
  border: 1px solid rgba(255,255,255,.06);
  transition: background .2s ease, border-color .2s ease;
  min-width: 0;
}
.mti-contact-phones li:hover{
  background: rgba(185,18,2,.12);
  border-color: rgba(185,18,2,.28);
}
.mti-contact-phones img{
  width: 20px;
  height: 14px;
  object-fit: cover;
  border-radius: 2px;
  flex-shrink: 0;
  box-shadow: 0 0 0 1px rgba(255,255,255,.12);
}
.mti-contact-phones a{
  font-size: 12px;
  font-weight: 600;
  color: rgba(255,255,255,.9);
  line-height: 1.3;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.mti-contact-phones span{
  display: inline-block;
  min-width: 2rem;
  font-weight: 800;
  color: #ff6b5a;
  font-size: 10px;
  letter-spacing: .04em;
}
@media (max-width: 575.98px){
  .mti-contact-phones{
    grid-template-columns: 1fr;
  }
  .mti-contact-phones a{
    white-space: normal;
    font-size: 13px;
  }
}
.mti-contact-form-panel{
  position: relative;
  height: auto;
  min-height: 0;
  background: #ffffff !important;
  border: 1px solid rgba(11,20,34,.08) !important;
  border-radius: 20px;
  padding: 38px 36px;
  box-shadow: 0 18px 44px rgba(11,20,34,.08) !important;
  overflow: visible !important;
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
}
.mti-contact-form-panel::before,
.mti-contact-form-panel::after{
  display: none !important;
  content: none !important;
}
.mti-contact-form-head{
  position: relative;
  z-index: 1;
  margin-bottom: 28px;
  padding-bottom: 0;
  border-bottom: 0 !important;
}
.mti-contact-form-badge{
  display: inline-block;
  margin-bottom: 12px;
  padding: 6px 12px;
  border-radius: 999px;
  background: rgba(185,18,2,.08);
  border: 1px solid rgba(185,18,2,.22);
  color: #B91202;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .06em;
  text-transform: uppercase;
}
.mti-contact-form-title{
  margin: 0 0 8px;
  color: #0B1422;
  font-size: 1.55rem;
}
.mti-contact-form-head p{
  margin: 0;
  color: #6E7070;
}
.mti-contact-form{
  position: relative;
  z-index: 2;
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  background: transparent !important;
  box-shadow: none !important;
  padding: 0 !important;
  border-radius: 0 !important;
}
.mti-contact-form .form-group{
  margin-bottom: 18px !important;
}
.mti-contact-form label{
  display: block;
  margin-bottom: 8px;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: .02em;
  color: #0B1422;
}
.mti-contact-form .form-control,
.mti-contact-form .form-select,
.mti-contact-form .mti-native-select,
.mti-contact-form select{
  border: 1px solid rgba(11,20,34,.12) !important;
  border-radius: 12px !important;
  min-height: 54px !important;
  height: auto !important;
  width: 100% !important;
  background: #f7f8fa !important;
  color: #0B1422 !important;
  box-shadow: none !important;
  padding: 12px 16px !important;
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  appearance: auto;
  -webkit-appearance: menulist;
}
.mti-contact-form .form-control::placeholder{
  color: rgba(11,20,34,.42) !important;
}
.mti-contact-form .mti-native-select option,
.mti-contact-form select option{
  color: #0B1422;
  background: #fff;
}
.mti-contact-form .mti-native-select optgroup,
.mti-contact-form select optgroup{
  color: #B91202;
  font-weight: 700;
  background: #fff;
}
.mti-contact-form textarea.form-control{
  min-height: 150px !important;
  padding-top: 16px !important;
  resize: vertical;
}
.mti-contact-form .form-control:focus,
.mti-contact-form .form-select:focus,
.mti-contact-form .mti-native-select:focus,
.mti-contact-form select:focus{
  outline: none;
  border-color: rgba(185,18,2,.55) !important;
  background: #fff !important;
  box-shadow: 0 0 0 3px rgba(185,18,2,.14) !important;
}
.mti-contact-form .form-control.is-invalid,
.mti-contact-form .form-select.is-invalid,
.mti-contact-form .mti-native-select.is-invalid,
.mti-contact-form select.is-invalid{
  border-color: #B91202 !important;
}
.mti-contact-form .form-btn{
  margin-top: 8px;
}
.mti-contact-form .form-btn .th-btn,
.mti-contact-form .mti-contact-submit{
  min-height: 54px;
  padding: 16px 28px !important;
  background: linear-gradient(145deg, #B91202, #7A0E02) !important;
  border: 0 !important;
  color: #fff !important;
  box-shadow: 0 12px 28px rgba(185,18,2,.28);
}
.mti-contact-form .form-btn .th-btn:hover,
.mti-contact-form .mti-contact-submit:hover{
  filter: brightness(1.05);
}
.mti-contact-form .form-messages{
  min-height: 24px;
  font-size: 14px;
  font-weight: 600;
  color: #0B1422;
}
.mti-contact-form .form-messages.success{
  color: #0f9f6e;
  font-weight: 600;
}
.mti-contact-form .form-messages.error{
  color: #B91202;
  font-weight: 600;
}

/* Mega service picker — 3 columns */
.mti-mega-select{
  position: relative;
  width: 100%;
  z-index: 20;
}
.mti-mega-select.is-open{
  z-index: 40;
}
.mti-mega-select-trigger{
  width: 100%;
  min-height: 54px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 12px 16px;
  border: 1px solid rgba(11,20,34,.12);
  border-radius: 12px;
  background: #f7f8fa;
  color: #0B1422;
  font-size: 15px;
  font-weight: 500;
  text-align: left;
  cursor: pointer;
  transition: border-color .2s ease, box-shadow .2s ease, background .2s ease;
}
.mti-mega-select-trigger:hover,
.mti-mega-select.is-open .mti-mega-select-trigger{
  border-color: rgba(185,18,2,.45);
  background: #fff;
  box-shadow: 0 0 0 3px rgba(185,18,2,.12);
}
.mti-mega-select.is-invalid .mti-mega-select-trigger{
  border-color: #B91202 !important;
}
.mti-mega-select-label{
  flex: 1;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: rgba(11,20,34,.45);
}
.mti-mega-select-label.is-selected{
  color: #0B1422;
  font-weight: 600;
}
.mti-mega-select-trigger i{
  color: #B91202;
  transition: transform .2s ease;
}
.mti-mega-select.is-open .mti-mega-select-trigger i{
  transform: rotate(180deg);
}
.mti-mega-select-panel{
  position: absolute;
  top: calc(100% + 8px);
  left: 0;
  right: 0;
  min-width: 100%;
  width: max(100%, 720px);
  max-width: min(920px, 92vw);
  background: #fff;
  border: 1px solid rgba(11,20,34,.10);
  border-radius: 16px;
  box-shadow: 0 24px 56px rgba(11,20,34,.16);
  padding: 18px 18px 12px;
  z-index: 50;
}
.mti-contact-form-panel .col-md-4 .mti-mega-select-panel{
  left: 0;
  right: auto;
  width: min(860px, 88vw);
}
.mti-mega-select-grid{
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px 20px;
  max-height: 360px;
  overflow: auto;
  padding-right: 4px;
}
.mti-mega-select-col{
  min-width: 0;
}
.mti-mega-select-group{
  margin-bottom: 16px;
}
.mti-mega-select-group:last-child{
  margin-bottom: 0;
}
.mti-mega-select-group h5{
  margin: 0 0 8px;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: .04em;
  text-transform: uppercase;
  color: #B91202;
}
.mti-mega-select-group ul{
  list-style: none;
  margin: 0;
  padding: 0;
}
.mti-mega-select-option{
  width: 100%;
  display: block;
  text-align: left;
  border: 0;
  background: transparent;
  color: #0B1422;
  font-size: 13px;
  line-height: 1.35;
  padding: 7px 8px;
  border-radius: 8px;
  cursor: pointer;
  transition: background .15s ease, color .15s ease;
}
.mti-mega-select-option:hover,
.mti-mega-select-option.is-active{
  background: rgba(185,18,2,.08);
  color: #B91202;
}
.mti-mega-select-foot{
  margin-top: 10px;
  padding-top: 10px;
  border-top: 1px solid rgba(11,20,34,.08);
}
.mti-mega-select-foot .mti-mega-select-option{
  font-weight: 700;
  color: #0B1422;
}
@media (max-width: 991.98px){
  .mti-mega-select-panel,
  .mti-contact-form-panel .col-md-4 .mti-mega-select-panel{
    width: 100%;
    max-width: 100%;
    left: 0;
    right: 0;
  }
  .mti-mega-select-grid{
    grid-template-columns: 1fr 1fr;
    max-height: 300px;
  }
}
@media (max-width: 575.98px){
  .mti-mega-select-grid{
    grid-template-columns: 1fr;
    max-height: 260px;
  }
}

.mti-hp{
  position: absolute;
  left: -9999px;
  width: 1px;
  height: 1px;
  overflow: hidden;
}
.mti-contact-map{
  background-color: #ffffff;
  background-position: center top;
  background-size: cover;
  background-repeat: no-repeat;
  position: relative;
  overflow: hidden;
  padding-bottom: 0;
}
.mti-contact-map::before{
  content: "";
  position: absolute;
  inset: 0;
  background:
    linear-gradient(180deg, rgba(11,20,34,0.88) 0%, rgba(11,20,34,0.78) 42%, rgba(11,20,34,0.35) 52%, #ffffff 58%, #ffffff 100%);
  pointer-events: none;
  z-index: 0;
}
.mti-contact-map > .container{
  position: relative;
  z-index: 1;
}
.mti-contact-map-title .sub-title{
  color: #B91202 !important;
}
.mti-contact-map-title .sec-title{
  color: #fff !important;
}
.mti-contact-map-title .sec-text,
.mti-contact-map-title .mti-contact-map-lead{
  color: rgba(255,255,255,.78) !important;
  max-width: 40rem;
  margin: 14px auto 0;
  text-align: center;
  white-space: normal;
  line-height: 1.65;
  font-size: clamp(0.95rem, 1.15vw, 1.08rem);
}
.mti-contact-map-lead{
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.35rem;
}
.mti-contact-map-lead span{
  display: block;
  text-align: center;
}
@media (max-width: 991.98px){
  .mti-contact-map-title .sec-text,
  .mti-contact-map-title .mti-contact-map-lead{
    max-width: 34rem;
    font-size: clamp(0.9rem, 2.4vw, 1.02rem);
  }
}
.mti-contact-map-wrap{
  position: relative;
  margin-top: 28px;
  margin-bottom: 0;
  padding-bottom: 70px;
}
.mti-contact-map-frame{
  position: relative;
  border-radius: 20px;
  overflow: hidden;
  box-shadow: 0 24px 56px rgba(0,0,0,.22);
  border: 1px solid rgba(255,255,255,.1);
  min-height: 440px;
  background: #fff;
}
.mti-contact-map-frame::after{
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  box-shadow: inset 0 0 0 1px rgba(185,18,2,.18);
  border-radius: inherit;
}
.mti-contact-map-frame iframe{
  width: 100%;
  height: 480px;
  border: 0;
  display: block;
  filter: grayscale(.15) contrast(1.05);
}
.mti-contact-map-card{
  position: absolute;
  left: 24px;
  bottom: 24px;
  z-index: 2;
  display: flex;
  gap: 14px;
  align-items: flex-start;
  max-width: min(360px, calc(100% - 48px));
  padding: 20px 18px;
  border-radius: 16px;
  background: linear-gradient(155deg, rgba(20,28,44,.96) 0%, rgba(11,20,34,.98) 100%);
  border: 1px solid rgba(255,255,255,.1);
  box-shadow: 0 18px 40px rgba(0,0,0,.4);
  backdrop-filter: blur(10px);
}
.mti-contact-map-card-icon{
  flex-shrink: 0;
  width: 46px;
  height: 46px;
  border-radius: 12px;
  display: grid;
  place-items: center;
  background: linear-gradient(145deg, #B91202, #7A0E02);
  color: #fff;
  box-shadow: 0 10px 22px rgba(185,18,2,.35);
}
.mti-contact-map-card-label{
  display: inline-block;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .06em;
  text-transform: uppercase;
  color: #B91202;
  margin-bottom: 4px;
}
.mti-contact-map-card-title{
  margin: 0 0 8px;
  color: #fff;
  font-size: 1.05rem;
}
.mti-contact-map-card p{
  margin: 0 0 14px;
  color: rgba(255,255,255,.7);
  font-size: 14px;
  line-height: 1.55;
}
.mti-contact-map-btn{
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 10px 16px;
  border-radius: 999px;
  background: linear-gradient(145deg, #B91202, #7A0E02);
  color: #fff !important;
  font-size: 13px;
  font-weight: 700;
  text-decoration: none;
  transition: transform .2s ease, box-shadow .2s ease;
  box-shadow: 0 10px 22px rgba(185,18,2,.3);
}
.mti-contact-map-btn:hover{
  transform: translateY(-2px);
  color: #fff !important;
  box-shadow: 0 14px 28px rgba(185,18,2,.4);
}
@media (max-width: 991.98px){
  .mti-contact-form-panel{
    padding: 28px 22px;
  }
  .mti-contact-map-frame,
  .mti-contact-map-frame iframe{
    min-height: 340px;
    height: 340px;
  }
  .mti-contact-map-card{
    left: 16px;
    right: 16px;
    bottom: 16px;
    max-width: none;
  }
}
@media (max-width: 575.98px){
  .mti-contact-map-frame,
  .mti-contact-map-frame iframe{
    min-height: 300px;
    height: 300px;
  }
}

/* ========== Clientile — Clients intro ========== */
.mti-clientile-intro{
  background: linear-gradient(180deg, #f7f8fa 0%, #ffffff 55%);
}
/* Profile intro — same head layout as homepage Security Services */
.mti-clientile-intro .mti-profile-head{
  margin-bottom: 10px;
}
.mti-clientile-intro .mti-profile-head .sec-title{
  color: #0B1422;
  text-align: left !important;
  margin-bottom: 10px;
}
.mti-clientile-intro .mti-profile-head .sub-title{
  text-align: left !important;
}
.mti-clientile-intro .mti-profile-slogan{
  margin: 0;
  color: #B91202;
  font-size: 1.35rem;
  font-weight: 600;
  letter-spacing: 0.01em;
  line-height: 1.45;
  text-align: left;
}
@media (min-width: 992px){
  .mti-clientile-intro .mti-profile-slogan{
    font-size: 1.55rem;
  }
}
.mti-clientile-intro .mti-profile-intro{
  text-align: justify !important;
  text-justify: inter-word;
  max-width: none;
  margin: 0;
  color: var(--body-color, #6E7070);
  font-size: 1.05rem;
  line-height: 1.7;
}
@media (max-width: 991.98px){
  .mti-clientile-intro .mti-profile-head .sec-title,
  .mti-clientile-intro .mti-profile-head .sub-title,
  .mti-clientile-intro .mti-profile-slogan{
    text-align: center !important;
  }
  .mti-clientile-intro .mti-profile-intro{
    text-align: center !important;
  }
}
.mti-clientile-intro-title .sec-title{
  color: #0B1422;
  margin-bottom: 16px;
}
.mti-clientile-intro-title .sec-text{
  color: #6E7070;
  max-width: 40rem;
  margin: 0 auto;
  font-size: 1.05rem;
  line-height: 1.7;
}
.mti-clientile-visual{
  position: relative;
  border-radius: 20px;
  overflow: hidden;
  box-shadow: 0 22px 50px rgba(11,20,34,.14);
}
.mti-clientile-visual img{
  width: 100%;
  height: auto;
  display: block;
  min-height: 420px;
  object-fit: cover;
}
.mti-clientile-visual-badge{
  position: absolute;
  left: 20px;
  bottom: 20px;
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 14px 18px;
  border-radius: 14px;
  background: rgba(11,20,34,.88);
  backdrop-filter: blur(8px);
  color: #fff;
  max-width: calc(100% - 40px);
}
.mti-clientile-visual-pct{
  font-size: 1.6rem;
  font-weight: 800;
  color: #fff;
  line-height: 1;
}
.mti-clientile-visual-label{
  font-size: 13px;
  line-height: 1.35;
  opacity: .92;
}
.mti-clientile-pillars{
  display: grid;
  gap: 14px;
}
.mti-clientile-pillar{
  display: flex;
  gap: 16px;
  align-items: flex-start;
  padding: 20px 18px;
  border-radius: 16px;
  background: #fff;
  border: 1px solid rgba(11,20,34,.08);
  box-shadow: 0 10px 28px rgba(11,20,34,.05);
  transition: border-color .25s ease, transform .25s ease;
}
.mti-clientile-pillar:hover{
  border-color: rgba(185,18,2,.28);
  transform: translateY(-2px);
}
.mti-clientile-pillar-icon{
  flex-shrink: 0;
  width: 48px;
  height: 48px;
  border-radius: 12px;
  display: grid;
  place-items: center;
  background: linear-gradient(145deg, #B91202, #7A0E02);
  color: #fff;
  font-size: 1.05rem;
}
.mti-clientile-pillar .box-title{
  margin: 0 0 6px;
  font-size: 1.05rem;
  color: #0B1422;
}
.mti-clientile-pillar p{
  margin: 0;
  color: #6E7070;
  font-size: 14px;
  line-height: 1.6;
}
.mti-clientile-cta{
  margin-top: 24px;
}
.mti-clientile-note{
  margin: 14px 0 0;
  color: #6E7070;
  font-size: 14px;
  line-height: 1.6;
  max-width: 32rem;
}

/* ========== Clientile — Industries ========== */
.mti-industries-sec{
  background: #0B1422;
  position: relative;
}
.mti-industries-sec .title-area .sub-title{
  color: #B91202 !important;
}
.mti-industries-sec .title-area .sec-title{
  color: #fff !important;
}
.mti-industries-intro{
  color: rgba(255,255,255,.72) !important;
  max-width: 40rem;
  margin: 12px auto 0;
}
.mti-industries-grid{
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 18px;
  margin-top: 40px;
}
.mti-industry-card{
  position: relative;
  padding: 28px 22px 24px;
  border-radius: 16px;
  background: rgba(255,255,255,.04);
  border: 1px solid rgba(255,255,255,.08);
  transition: background .25s ease, border-color .25s ease, transform .25s ease;
  min-height: 100%;
}
.mti-industry-card:hover{
  background: rgba(255,255,255,.08);
  border-color: rgba(185,18,2,.45);
  transform: translateY(-3px);
}
.mti-industry-num{
  position: absolute;
  top: 16px;
  right: 18px;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: .06em;
  color: rgba(255,255,255,.28);
}
.mti-industry-icon{
  width: 46px;
  height: 46px;
  border-radius: 12px;
  display: grid;
  place-items: center;
  background: linear-gradient(145deg, #B91202, #7A0E02);
  color: #fff;
  margin-bottom: 16px;
  font-size: 1.05rem;
}
.mti-industry-card .box-title{
  color: #fff !important;
  font-size: 1.05rem;
  margin: 0 0 10px;
}
.mti-industry-card p{
  margin: 0;
  color: rgba(255,255,255,.68);
  font-size: 14px;
  line-height: 1.65;
}
@media (max-width: 1199.98px){
  .mti-industries-grid{
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
@media (max-width: 991.98px){
  .mti-clientile-visual{
    margin-bottom: 10px;
  }
  .mti-clientile-visual img{
    min-height: 280px;
  }
  .mti-industries-grid{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 575.98px){
  .mti-industries-grid{
    grid-template-columns: 1fr;
  }
}

/* Overview process lead text */
.mti-overview-process .mti-process-lead{
  color: rgba(255,255,255,.72) !important;
  max-width: 38rem;
  margin: 12px auto 0;
}

/* Profile capabilities */
.mti-profile-caps{
  background: #f7f8fa;
}
.mti-profile-caps .sec-title{
  color: #0B1422;
}
.mti-profile-caps-grid{
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
  margin-top: 36px;
}
.mti-profile-cap{
  background: #fff;
  border: 1px solid rgba(11,20,34,.08);
  border-radius: 16px;
  padding: 26px 22px;
  box-shadow: 0 10px 28px rgba(11,20,34,.05);
  transition: border-color .25s ease, transform .25s ease;
  height: 100%;
}
.mti-profile-cap:hover{
  border-color: rgba(185,18,2,.28);
  transform: translateY(-3px);
}
.mti-profile-cap-icon{
  width: 46px;
  height: 46px;
  border-radius: 12px;
  display: grid;
  place-items: center;
  background: linear-gradient(145deg, #B91202, #7A0E02);
  color: #fff;
  margin-bottom: 14px;
}
.mti-profile-cap .box-title{
  margin: 0 0 8px;
  font-size: 1.05rem;
  color: #0B1422;
}
.mti-profile-cap p{
  margin: 0;
  color: #6E7070;
  font-size: 14px;
  line-height: 1.65;
}

/* Who We Are — mission */
.mti-mission-sec{
  background: #fff;
}
.mti-mission-grid{
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
  margin-top: 36px;
}
.mti-mission-card{
  padding: 28px 24px;
  border-radius: 16px;
  background: #f7f8fa;
  border: 1px solid rgba(11,20,34,.06);
  transition: border-color .25s ease, transform .25s ease, background .25s ease;
  height: 100%;
}
.mti-mission-card:hover{
  background: #fff;
  border-color: rgba(185,18,2,.28);
  transform: translateY(-3px);
  box-shadow: 0 14px 34px rgba(11,20,34,.08);
}
.mti-mission-icon{
  width: 48px;
  height: 48px;
  border-radius: 12px;
  display: grid;
  place-items: center;
  background: linear-gradient(145deg, #B91202, #7A0E02);
  color: #fff;
  margin-bottom: 16px;
}
.mti-mission-card .box-title{
  margin: 0 0 10px;
  color: #0B1422;
}
.mti-mission-card p{
  margin: 0;
  color: #6E7070;
  font-size: 14px;
  line-height: 1.7;
}

/* Who We Are — FAQ */
.mti-faq-sec{
  background: #fff;
  border-top: 1px solid rgba(11,20,34,.06);
}
.mti-faq-sec .sec-title{
  color: #0B1422;
}
.mti-faq-sec .accordion-card.style5{
  border: 1px solid rgba(11,20,34,.08);
  border-radius: 12px;
  margin-bottom: 12px;
  overflow: hidden;
  background: #f7f8fa;
}
.mti-faq-sec .accordion-button{
  font-weight: 700;
  color: #0B1422;
  background: transparent;
  box-shadow: none;
}
.mti-faq-sec .accordion-button:not(.collapsed){
  color: #B91202;
  background: #fff;
}
.mti-faq-sec .faq-text{
  color: #6E7070;
  margin: 0;
  line-height: 1.7;
}

@media (max-width: 991.98px){
  .mti-profile-caps-grid,
  .mti-mission-grid{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 575.98px){
  .mti-profile-caps-grid,
  .mti-mission-grid{
    grid-template-columns: 1fr;
  }
}


/* Contact map: white band continues to footer edge */
.mti-contact-map.space{
  padding-bottom: 90px !important;
}
body:has(.mti-contact-map) .mti-footer.footer-wrapper{
  margin-top: 0;
}
body:has(.mti-contact-map) .mti-footer.space-top{
  padding-top: 90px;
}


/* Overview process cards — icons match homepage, black+red on white */
.mti-overview-process .process-card4{
  align-items: center;
}
.mti-overview-process .mti-overview-process-orb{
  flex-shrink: 0;
  width: 72px;
  height: 72px;
  margin: 0;
}
.mti-overview-process .mti-overview-process-orb .mti-process-icon{
  width: 56px;
  height: 56px;
  border-radius: 14px;
  animation: none;
}
.mti-overview-process .mti-overview-process-orb .mti-process-icon img{
  width: 26px;
  height: 26px;
}
.mti-overview-process .mti-overview-process-orb .mti-process-ring{
  animation: none;
  border-color: rgba(185,18,2,.22);
}

/* Dual office addresses in footer */
.mti-footer-contact-item .mti-addr-label{
  display: inline-block;
  margin-top: 10px;
  margin-bottom: 2px;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #B91202;
}
.mti-footer-contact-item .mti-addr-label:first-child{
  margin-top: 0;
}

/* Overview / Hosting / AI — identical breadcrumb height */
.breadcumb-wrapper.mti-ai-breadcumb,
.breadcumb-wrapper.mti-profile-breadcumb,
.breadcumb-wrapper.mti-hosting-breadcumb{
  position: relative !important;
  box-sizing: border-box !important;
  height: 480px !important;
  min-height: 480px !important;
  max-height: 480px !important;
  padding: 170px 0 90px !important;
  margin: 0 !important;
  border-radius: 0 !important;
  overflow: hidden !important;
  background-color: #0B0B0B;
  background-size: cover !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
  display: flex !important;
  align-items: flex-end !important;
  text-align: left !important;
}
.breadcumb-wrapper.mti-ai-breadcumb::before,
.breadcumb-wrapper.mti-profile-breadcumb::before,
.breadcumb-wrapper.mti-hosting-breadcumb::before{
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  background: linear-gradient(135deg, rgba(11,11,11,.78) 0%, rgba(122,14,2,.55) 55%, rgba(185,18,2,.45) 100%) !important;
  pointer-events: none !important;
  z-index: 0 !important;
}
.breadcumb-wrapper.mti-hosting-breadcumb{
  background-color: #0B1422 !important;
  background-position: center center !important;
  background-size: cover !important;
}
.breadcumb-wrapper.mti-hosting-breadcumb::before{
  /* slightly lighter so the hosting graphic stays visible */
  background: linear-gradient(180deg, rgba(11,20,34,.45) 0%, rgba(11,20,34,.72) 55%, rgba(11,11,11,.88) 100%) !important;
  display: block !important;
}
.breadcumb-wrapper.mti-ai-breadcumb .container,
.breadcumb-wrapper.mti-profile-breadcumb .container,
.breadcumb-wrapper.mti-hosting-breadcumb .container{
  position: relative !important;
  z-index: 1 !important;
  width: 100% !important;
}
.breadcumb-wrapper.mti-ai-breadcumb .breadcumb-title,
.breadcumb-wrapper.mti-profile-breadcumb .breadcumb-title,
.breadcumb-wrapper.mti-hosting-breadcumb .breadcumb-title{
  text-shadow: 0 2px 18px rgba(0,0,0,0.45);
  margin-bottom: 0 !important;
}
@media (max-width: 767.98px){
  .breadcumb-wrapper.mti-ai-breadcumb,
  .breadcumb-wrapper.mti-profile-breadcumb,
  .breadcumb-wrapper.mti-hosting-breadcumb{
    height: 340px !important;
    min-height: 340px !important;
    max-height: 340px !important;
    padding: 130px 0 70px !important;
  }
}

/* Profile intro visual uses full-bleed cyber image */
.mti-clientile-intro .mti-clientile-visual img[src*="mti-profile"]{
  object-fit: cover;
  object-position: center left;
}

/* Contact breadcrumb — support / NOC hero image */
.mti-contact-breadcumb{
  min-height: 280px;
  background-position: center center;
  background-size: cover;
}
.mti-contact-breadcumb::before{
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(11, 20, 34, 0.82);
  z-index: 0;
  pointer-events: none;
}
.mti-contact-breadcumb .container{
  position: relative;
  z-index: 1;
}
.mti-contact-breadcumb .breadcumb-title{
  text-shadow: 0 2px 18px rgba(0,0,0,0.45);
}

/* Contact Enquiry / Appointment tabs */
.mti-contact-form-panel > *{
  position: relative;
  z-index: 1;
}
.mti-form-tabs{
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 8px;
  margin: 0 0 22px;
  padding: 6px;
  border-radius: 14px;
  background: #f4f6fa;
  border: 1px solid rgba(11,20,34,.06);
}
.mti-form-tab{
  appearance: none;
  border: 0;
  background: transparent;
  color: #5c6578;
  min-height: 44px;
  border-radius: 10px;
  font-weight: 700;
  font-size: 14px;
  letter-spacing: .02em;
  cursor: pointer;
  transition: background .2s ease, color .2s ease, box-shadow .2s ease;
}
.mti-form-tab:hover{
  color: #0B1422;
}
.mti-form-tab.is-active{
  background: linear-gradient(145deg, #B91202, #7A0E02);
  color: #fff;
  box-shadow: 0 10px 22px rgba(185,18,2,.28);
}
.mti-tab-panel{
  display: none !important;
  visibility: hidden;
}
.mti-tab-panel.is-active,
.mti-tab-panel.is-active[hidden]{
  display: block !important;
  visibility: visible !important;
}
.mti-contact-form,
.mti-tab-panel.is-active .mti-contact-form{
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
}
.mti-contact-form .row{
  display: flex !important;
  flex-wrap: wrap;
}
.mti-contact-form input[type="date"]{
  color-scheme: light;
}
.mti-contact-page .col-xl-7{
  display: flex;
  flex-direction: column;
}
.mti-contact-page .mti-contact-form-panel{
  flex: 1 1 auto;
  height: 100%;
  min-height: 100%;
  display: flex;
  flex-direction: column;
}
.mti-contact-page .mti-contact-form-panel .mti-tab-panel.is-active,
.mti-contact-page .mti-contact-form-panel .mti-contact-form{
  flex: 1 1 auto;
  display: flex !important;
  flex-direction: column;
}
.mti-contact-page .mti-contact-form-panel .mti-contact-form .row{
  flex: 1 1 auto;
}
.mti-contact-page .mti-contact-form-head p,
.mti-contact-page .mti-contact-form label,
.mti-contact-page .mti-contact-form .form-messages{
  text-align: justify;
}
.mti-contact-page .mti-contact-form label{
  text-align: left;
}
.mti-contact-page .mti-contact-intro,
.mti-contact-page .mti-contact-cards{
  width: 100%;
}
.mti-contact-map-lead,
.mti-contact-map-title .sec-text{
  text-align: center !important;
}
@media (max-width: 1199.98px){
  .mti-contact-cards{
    grid-auto-rows: auto;
  }
}
@media (max-width: 767.98px){
  #mtiAppointmentForm .col-md-4{
    flex: 0 0 100%;
    max-width: 100%;
  }
  .mti-contact-intro .sec-text,
  .mti-contact-card p{
    text-align: left !important;
  }
}
.mti-contact-form .nice-select.is-invalid,
.mti-contact-form .form-control.is-invalid{
  border-color: #B91202 !important;
}
.mti-contact-form .form-messages{
  min-height: 24px;
  font-size: 14px;
  font-weight: 600;
}
.mti-contact-form .form-messages.success{
  color: #0f9f6e !important;
}
.mti-contact-form .form-messages.error{
  color: #B91202 !important;
}

/* MTI service page content */
.page-single .page-img img {
  width: 100%;
  max-height: 420px;
  object-fit: cover;
  border-radius: 12px;
  display: block;
}
.page-single .page-content .sec-title {
  color: #0B1422;
}
.page-single .page-content p {
  color: #3a4452;
  line-height: 1.75;
}
.mti-feature-box {
  border-left: 3px solid #B91202;
  padding: 22px;
  background: #F8EDEB;
  border-radius: 0 12px 12px 0;
  height: 100%;
}
.mti-service-nav .menu a.active,
.mti-service-nav .menu a:hover {
  color: #B91202 !important;
}

/* MTI FAQ page */
.mti-faq-page .mti-faq-card {
  border: 1px solid rgba(11, 20, 34, 0.08);
  border-radius: 12px;
  overflow: hidden;
  margin-bottom: 14px;
  background: #fff;
  box-shadow: 0 6px 18px rgba(11, 20, 34, 0.04);
}
.mti-faq-page .mti-faq-card .accordion-button {
  font-weight: 600;
  color: #0B1422;
  background: #fff;
  box-shadow: none;
  padding: 18px 22px;
}
.mti-faq-page .mti-faq-card .accordion-button:not(.collapsed) {
  color: #B91202;
  background: #F8EDEB;
  box-shadow: none;
}
.mti-faq-page .mti-faq-card .accordion-button::after {
  filter: none;
}
.mti-faq-page .mti-faq-card .accordion-body {
  padding: 8px 22px 20px;
  background: #fff;
}
.mti-faq-page .mti-faq-card .faq-text {
  color: #3a4452;
  line-height: 1.75;
  text-align: justify;
}
.mti-faq-page .title-area .sub-title {
  color: #B91202;
}



/* MTI category service layouts */
.mti-svc-layout .sec-text,
.mti-svc-layout .about-text,
.mti-svc-layout .service-3-text,
.mti-svc-layout .choose-about_text{
  text-align: justify;
  color: var(--body-color, #6E7070);
  line-height: 1.75;
}
.mti-svc-visual{
  border-radius: 18px;
  overflow: hidden;
  box-shadow: 0 18px 40px rgba(11, 20, 34, 0.1);
}
.mti-svc-visual img{
  width: 100%;
  height: auto;
  display: block;
  object-fit: cover;
  min-height: 320px;
}
.mti-svc-visual--wide img{
  min-height: 420px;
  max-height: 440px;
  object-fit: cover;
}
.mti-svc-mssp .choose-about{
  margin-bottom: 18px;
}
.mti-svc-mssp .choose-about:last-of-type{
  margin-bottom: 0;
}
.mti-msp-feature{
  height: 100%;
  padding: 28px 24px;
  border-radius: 16px;
  background: #fff;
  border: 1px solid rgba(11, 20, 34, 0.08);
  box-shadow: 0 12px 28px rgba(11, 20, 34, 0.05);
  transition: transform .25s ease, border-color .25s ease;
}
.mti-msp-feature:hover{
  transform: translateY(-4px);
  border-color: rgba(185, 18, 2, 0.25);
}
.mti-msp-feature-icon{
  width: 52px;
  height: 52px;
  border-radius: 14px;
  display: grid;
  place-items: center;
  background: linear-gradient(145deg, #B91202, #7A0E02);
  margin-bottom: 16px;
}
.mti-msp-feature-icon img{
  width: 26px;
  height: 26px;
  filter: brightness(0) invert(1);
}
.mti-svc-msp{
  background: #fff;
}
/* MSP — tighter section rhythm (Who We Are → Projects → Clients → Footer) */
body:has(.mti-cloud-hero) .mti-svc-msp.mti-svc-whoweare.space{
  padding-top: 70px;
  padding-bottom: 50px;
}
.mti-svc-msp.mti-svc-whoweare .sec-text.mb-60{
  margin-bottom: 28px !important;
}
.mti-msp-projects.space,
.mti-msp-projects{
  background: #fff;
  overflow: hidden;
  padding-top: 50px;
  padding-bottom: 50px;
}
.mti-msp-projects .title-area .sec-title{
  margin-bottom: 0;
}
.mti-msp-projects .row.mb-40{
  margin-bottom: 24px !important;
}
.mti-msp-projects .slider-arrow.style2.default{
  border-color: rgba(11,20,34,.15);
  color: #0B1422;
}
.mti-msp-projects .slider-arrow.style2.default:hover{
  background: #B91202;
  border-color: #B91202;
  color: #fff;
}
.mti-msp-projects .project-card3 .box-img img{
  height: 480px;
  object-fit: cover;
}
.mti-msp-projects .project-card3 .box-title a:hover{
  color: #B91202;
}
.mti-msp-projects .project-card3 .sub-title{
  color: rgba(255,255,255,.88);
  text-transform: none;
  letter-spacing: .02em;
}
.mti-msp-projects .project-card3 .icon-btn:hover{
  background: #B91202;
  border-color: #B91202;
  color: #fff;
}
.mti-msp-brands.space-top,
.mti-msp-brands.space-bottom,
.mti-msp-brands{
  background: #fff;
  position: relative;
  z-index: 1;
  padding-top: 40px;
  padding-bottom: 50px;
}
.mti-msp-brands .title-area.mb-40{
  margin-bottom: 24px !important;
}
.mti-msp-brands .title-area .sec-title{
  color: #0B1422;
}
.mti-msp-brands .brand-box{
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 64px;
  margin: 0 auto;
}
.mti-msp-brands .brand-box img{
  max-height: 48px;
  width: auto;
  object-fit: contain;
}
body:has(.mti-msp-brands) .mti-footer.space-top{
  padding-top: 70px;
}
.mti-svc-msp.mti-svc-whoweare .img-box8 .img1 img,
.mti-svc-msp.mti-svc-whoweare .img-box8 .img2 img,
.mti-svc-msp.mti-svc-whoweare .img-box8 .img3 img{
  border-radius: 16px;
}
@media (max-width: 991.98px){
  body:has(.mti-cloud-hero) .mti-svc-msp.mti-svc-whoweare.space{
    padding-top: 50px;
    padding-bottom: 40px;
  }
  .mti-msp-projects.space,
  .mti-msp-projects{
    padding-top: 40px;
    padding-bottom: 40px;
  }
  .mti-msp-brands.space-top,
  .mti-msp-brands.space-bottom,
  .mti-msp-brands{
    padding-top: 30px;
    padding-bottom: 40px;
  }
  body:has(.mti-msp-brands) .mti-footer.space-top{
    padding-top: 55px;
  }
  .mti-msp-projects .project-card3 .box-img img{
    height: 360px;
  }
}
.mti-cloud-feat{
  height: 100%;
  padding: 28px 24px !important;
  background: #fff;
  border-radius: 16px;
  box-shadow: 0 12px 28px rgba(11, 20, 34, 0.06);
}
.mti-svc-apps .choose-wrapper{
  min-height: 420px;
}
.mti-svc-apps .choose-item4 .choose-img img{
  border-radius: 16px;
}
.mti-apps-feat-notes{
  color: var(--body-color, #6E7070);
  font-size: 15px;
  line-height: 1.7;
}
@media (max-width: 991.98px){
  .mti-svc-visual img{
    min-height: 240px;
  }
}


/* Hosting — consulting About Us layout */
.mti-svc-hosting .about1-title-box .sec-title{
  letter-spacing: -0.02em;
  white-space: normal;
  line-height: 1.2;
}
.mti-svc-hosting .about1-title-box .sec-title .mti-hosting-line{
  display: block;
  white-space: nowrap;
}
@media (max-width: 575.98px){
  .mti-svc-hosting .about1-title-box .sec-title .mti-hosting-line{
    white-space: normal;
  }
}
.mti-svc-hosting .sec-text{
  text-align: justify;
}

/* Default breadcrumbs (page-specific classes override height) */
.breadcumb-wrapper{
  display: flex;
  align-items: center;
}
.breadcumb-wrapper .breadcumb-content{
  width: 100%;
}


.mti-svc-hosting.about-area{
  padding-top: 100px;
  padding-bottom: 100px;
}
@media (max-width: 991.98px){
  /* page-specific breadcrumb classes own height */
  .mti-clientile-visual img,
  .mti-hosting-visual img{
    height: 260px;
    max-height: 260px;
  }
}

.mti-svc-hosting .sec-text{ text-align: justify; }
.mti-svc-hosting .img-box1 .img1 img,
.mti-svc-hosting .img-box1 .img2 img,
.mti-svc-hosting .img-box1 .img3 img{ object-fit: cover; }

/* VAPT / AI-ML about layout — same fit rules as homepage About AI */
.mti-svc-aiml.about-area,
#about-sec.mti-svc-aiml{
  overflow: hidden;
}
.mti-svc-aiml .img-box3{
  margin-left: 0 !important;
  max-width: 100%;
  width: 100%;
}
.mti-svc-aiml .img-box3 .img1,
.mti-svc-aiml .img-box3 .img2,
.mti-svc-aiml .img-box3 .img3{
  max-width: 100%;
}
.mti-svc-aiml .img-box3 .img2{
  right: 4% !important;
}
.mti-svc-aiml .img-box3 img{
  max-width: 100%;
  height: auto;
  display: block;
}
.mti-svc-aiml .about-3-titlebox .sec-title{
  font-size: clamp(1.7rem, 2.3vw, 2.45rem) !important;
  line-height: 1.28;
  max-width: 100%;
  word-break: normal;
  overflow-wrap: break-word;
  text-align: left !important;
}
.mti-svc-aiml .about-3-titlebox .sub-title,
.mti-svc-aiml .about-item .box-title{
  text-align: left !important;
}
.mti-svc-aiml .ps-xl-4,
.mti-svc-aiml .ps-xxl-2{
  max-width: 100%;
}
.mti-svc-aiml .sec-text,
.mti-svc-aiml .about-item_text{
  text-align: justify;
}
.mti-svc-aiml .about-item{
  align-items: flex-start;
  margin-bottom: 16px;
}
.mti-svc-aiml .about-item:last-child{
  margin-bottom: 0;
}
.mti-svc-aiml .about-item_text{
  margin-bottom: 0;
  font-size: 15px;
  line-height: 1.6;
}
@media (max-width: 1199.98px){
  .mti-svc-aiml .img-box3{
    margin-bottom: 10px;
  }
  .mti-svc-aiml .img-box3 .img2{
    position: relative !important;
    top: auto !important;
    right: auto !important;
    margin-top: 20px;
  }
}
@media (max-width: 767.98px){
  .mti-svc-aiml .about-3-titlebox .sec-title{
    font-size: 1.5rem !important;
  }
}

/* Application Development — client logos before footer */
.mti-appdev-brands{
  background: #fff;
  position: relative;
  z-index: 1;
}
.mti-appdev-brands .title-area .sec-title{
  color: #0B1422;
}
.mti-appdev-brands .brand-box{
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 64px;
  margin: 0 auto;
}
.mti-appdev-brands .brand-box img{
  max-height: 48px;
  width: auto;
  object-fit: contain;
}

/* Real client logos (PNG) — full color, transparent bg */
.brand-box.mti-client-logo,
.brand-box:has(img[src*="mti-client-"]){
  -webkit-filter: none !important;
  filter: none !important;
  height: 56px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.brand-box.mti-client-logo a,
.brand-box:has(img[src*="mti-client-"]) a{
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
}
.brand-box.mti-client-logo img,
.brand-box img[src*="mti-client-"]{
  position: relative !important;
  top: auto !important;
  left: auto !important;
  right: auto !important;
  transform: none !important;
  opacity: 1 !important;
  visibility: visible !important;
  max-height: 52px;
  width: auto;
  max-width: 200px;
  object-fit: contain;
  margin: 0 auto;
}
.brand-box.mti-client-logo img.gray,
.brand-box:has(img[src*="mti-client-"]) img.gray{
  display: none !important;
}
.brand-box img[src*="mti-client-dci"],
.brand-box img[src*="mti-client-kid"],
.brand-box img[src*="mti-client-xidus"],
.brand-box img[src*="mti-client-chis"],
.brand-box img[src*="mti-client-afc"],
.brand-box img[src*="mti-client-netview"],
.brand-box img[src*="mti-client-oneroof"]{
  max-height: 50px;
  max-width: 190px;
}
.mti-clients-partners .brand-box img[src*="mti-client-"]{
  max-height: 52px;
  max-width: 180px;
}
.mti-clients-partners .brand-box img[src*="mti-client-kid"],
.mti-clients-partners .brand-box img[src*="mti-client-xidus"],
.mti-clients-partners .brand-box img[src*="mti-client-chis"],
.mti-clients-partners .brand-box img[src*="mti-client-afc"],
.mti-clients-partners .brand-box img[src*="mti-client-netview"],
.brand-box img[src*="mti-client-oneroof"]{
  max-height: 56px;
  max-width: 210px;
}

/* AI pages — Why Choose Us */
.mti-ai-why .choose-about{
  margin-top: 22px;
}
.mti-ai-why .sec-title{
  color: #0B1422;
}

/* Why Choose Us sits directly under AI breadcrumb */
.mti-ai-breadcumb + .mti-ai-why.space,
.mti-ai-breadcumb + .mti-ai-why{
  margin-top: 0 !important;
}

/* ---------- Cloud pages: Atek home-cloud demo slider, full width ---------- */
.mti-cloud-hero.hero-2{
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
  position: relative;
  overflow: hidden !important;
  background: #0B1422;
  border-top-left-radius: 0 !important;
  border-top-right-radius: 0 !important;
  border-bottom-left-radius: 36px !important;
  border-bottom-right-radius: 36px !important;
}
/* Full-bleed — TOP completely straight, BOTTOM rounded */
.mti-cloud-hero .hero-slider-2,
.mti-cloud-hero .hero-slider-2 .hero-inner,
.mti-cloud-hero .hero-slider-2 .th-hero-bg,
.mti-cloud-hero .hero-slider-2 .th-hero-bg::before{
  max-width: 100% !important;
  border-top-left-radius: 0 !important;
  border-top-right-radius: 0 !important;
  border-bottom-left-radius: 36px !important;
  border-bottom-right-radius: 36px !important;
}
.mti-cloud-hero .hero-slider-2{
  width: 100% !important;
  margin: 0 !important;
  overflow: hidden;
}
.mti-cloud-hero .hero-slider-2 .th-hero-bg{
  background-size: cover !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
  overflow: hidden !important;
}
.mti-cloud-hero .hero-slider-2 .th-hero-bg::before{
  border-radius: 0 0 36px 36px !important;
}
/* Hide MTI trust bar if ever present — demo does not use it */
.mti-cloud-hero .mti-hero-featurebox,
.mti-cloud-hero .hero-featured{
  display: none !important;
}
/* Demo controls: progress + arrows — sit just above thumb cards */
.mti-cloud-hero{
  --mti-cloud-thumbs-bottom: 48px;
  --mti-cloud-thumbs-h: 108px;
  --mti-cloud-ctrl-gap: 12px;
}
.mti-cloud-hero .th-swiper-custom{
  position: absolute !important;
  top: auto !important;
  bottom: calc(var(--mti-cloud-thumbs-bottom) + var(--mti-cloud-thumbs-h) + var(--mti-cloud-ctrl-gap)) !important;
  right: 36px !important;
  left: auto !important;
  margin: 0 !important;
  transform: none !important;
  z-index: 9 !important;
  width: min(480px, 48vw) !important;
  max-width: calc(100% - 72px);
  display: flex !important;
  align-items: center !important;
  gap: 16px !important;
  visibility: visible !important;
  opacity: 1 !important;
  background: transparent !important;
  padding: 0 !important;
  min-width: 0 !important;
  flex-direction: row !important;
  pointer-events: auto !important;
}
.mti-cloud-hero .th-swiper-custom .swiper-pagination{
  position: relative !important;
  flex: 1 1 auto;
  width: auto !important;
  display: flex !important;
}
.mti-cloud-hero .th-swiper-custom .hero-icon{
  display: flex !important;
  gap: 8px;
  flex: 0 0 auto;
}
.mti-cloud-hero .hero-arrow{
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
}
/* Compact thumb cards — two fit fully, equal content */
.mti-cloud-hero .heroThumbs.style2,
.mti-cloud-hero .mti-cloud-thumbs{
  display: block !important;
  position: absolute !important;
  width: min(480px, 48vw) !important;
  max-width: min(480px, 48vw) !important;
  bottom: var(--mti-cloud-thumbs-bottom) !important;
  right: 36px !important;
  margin: 0 !important;
  padding: 0 !important;
  z-index: 8 !important;
  visibility: visible !important;
  opacity: 1 !important;
  overflow: visible !important;
}
.mti-cloud-hero .mti-cloud-thumbs .swiper-wrapper{
  display: flex !important;
}
.mti-cloud-hero .mti-cloud-thumbs .swiper-slide{
  width: calc(50% - 6px) !important;
  height: auto !important;
}
.mti-cloud-hero .mti-cloud-thumbs .hero-card{
  width: 100%;
  box-sizing: border-box;
  padding: 10px !important;
  gap: 10px !important;
  border-radius: 12px !important;
  min-height: 88px;
  align-items: center;
}
.mti-cloud-hero .mti-cloud-thumbs .hero-img{
  flex: 0 0 52px !important;
  width: 52px !important;
  height: 52px !important;
  overflow: hidden;
  border-radius: 8px;
}
.mti-cloud-hero .mti-cloud-thumbs .hero-img img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.mti-cloud-hero .mti-cloud-thumbs .hero-card_content{
  min-width: 0;
  flex: 1 1 auto;
}
.mti-cloud-hero .mti-cloud-thumbs .box-title{
  font-size: 14px !important;
  line-height: 1.25 !important;
  margin: 0 0 4px !important;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.mti-cloud-hero .mti-cloud-thumbs .sec-text{
  font-size: 12px !important;
  line-height: 1.35 !important;
  margin: 0 0 6px !important;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  min-height: 2.7em;
}
.mti-cloud-hero .mti-cloud-thumbs .th-btn{
  padding: 4px 10px !important;
  font-size: 11px !important;
  min-height: 0 !important;
  line-height: 1.2 !important;
}
.mti-cloud-hero .scroll-down{
  display: flex !important;
  z-index: 10 !important;
  visibility: visible !important;
}
@media (max-width: 1399.98px){
  .mti-cloud-hero{
    --mti-cloud-thumbs-bottom: 40px;
    --mti-cloud-thumbs-h: 100px;
    --mti-cloud-ctrl-gap: 10px;
  }
  .mti-cloud-hero .th-swiper-custom{
    right: 20px !important;
    width: min(420px, 52vw) !important;
  }
  .mti-cloud-hero .heroThumbs.style2,
  .mti-cloud-hero .mti-cloud-thumbs{
    width: min(420px, 52vw) !important;
    max-width: min(420px, 52vw) !important;
    right: 20px !important;
  }
}
@media (max-width: 991.98px){
  .mti-cloud-hero.hero-2,
  .mti-cloud-hero .hero-slider-2,
  .mti-cloud-hero .hero-slider-2 .hero-inner,
  .mti-cloud-hero .hero-slider-2 .th-hero-bg,
  .mti-cloud-hero .hero-slider-2 .th-hero-bg::before{
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important;
    border-bottom-left-radius: 24px !important;
    border-bottom-right-radius: 24px !important;
  }
  .mti-cloud-hero .th-swiper-custom{
    top: auto !important;
    bottom: 24px !important;
    right: 16px !important;
    width: min(260px, 70vw) !important;
  }
  .mti-cloud-hero .heroThumbs.style2,
  .mti-cloud-hero .mti-cloud-thumbs{
    display: none !important;
  }
}


/* SaaS about image — same photo, fitted cleanly */
.mti-svc-cloud .mti-cloud-about-img.img-box5{
  width: 100%;
}
.mti-svc-cloud .mti-cloud-about-img .img1{
  width: 100%;
  border-radius: 30px;
  overflow: hidden;
  line-height: 0;
}
.mti-svc-cloud .mti-cloud-about-img .img1 img{
  width: 100% !important;
  height: 520px;
  max-width: none !important;
  object-fit: cover;
  object-position: center center;
  border-radius: 30px !important;
  display: block;
}
/* Brand banners (AWS / Azure / GCP / Others) — smaller so logo + name stay readable */
.mti-svc-cloud .mti-cloud-about-img--brand{
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.mti-svc-cloud .mti-cloud-about-img--brand.mti-cloud-about-img--stack{
  flex-direction: column;
  align-items: flex-end;
  gap: 18px;
}
.mti-svc-cloud .mti-cloud-about-img--brand .img1{
  width: 100%;
  max-width: 680px;
  margin-left: auto;
  background: #0a1628;
  border-radius: 24px;
  overflow: hidden;
  line-height: 0;
  box-shadow: 0 18px 40px rgba(11, 20, 34, 0.18);
}
.mti-svc-cloud .mti-cloud-about-img--brand .img1.reveal,
.mti-svc-cloud .mti-cloud-about-img--brand .img1{
  clip-path: none !important;
  transform: none !important;
  opacity: 1 !important;
}
.mti-svc-cloud .mti-cloud-about-img--brand .img1 img{
  width: 100% !important;
  max-width: 680px !important;
  height: auto !important;
  max-height: 340px !important;
  object-fit: contain !important;
  object-position: center center !important;
  background: #0a1628;
  border-radius: 24px !important;
  display: block;
  margin: 0 auto;
}
/* AWS services diagram under brand banner — keep labels readable */
.mti-svc-cloud .mti-cloud-about-img--brand .img1.mti-cloud-about-below{
  background: #f5f5f5;
}
.mti-svc-cloud .mti-cloud-about-img--brand .img1.mti-cloud-about-below img{
  max-height: 480px !important;
  background: #f5f5f5;
  padding: 12px;
  box-sizing: border-box;
}
@media (max-width: 1199.98px){
  .mti-svc-cloud .mti-cloud-about-img--brand{
    justify-content: center;
  }
  .mti-svc-cloud .mti-cloud-about-img--brand.mti-cloud-about-img--stack{
    align-items: center;
  }
  .mti-svc-cloud .mti-cloud-about-img--brand .img1{
    max-width: 560px;
    margin-left: auto;
    margin-right: auto;
  }
  .mti-svc-cloud .mti-cloud-about-img--brand .img1 img{
    max-width: 560px !important;
    max-height: 300px !important;
  }
  .mti-svc-cloud .mti-cloud-about-img--brand .img1.mti-cloud-about-below img{
    max-height: 400px !important;
  }
}
@media (max-width: 767.98px){
  .mti-svc-cloud .mti-cloud-about-img--brand .img1{
    max-width: 100%;
    border-radius: 18px;
  }
  .mti-svc-cloud .mti-cloud-about-img--brand .img1 img{
    max-width: 100% !important;
    max-height: 220px !important;
    border-radius: 18px !important;
  }
  .mti-svc-cloud .mti-cloud-about-img--brand .img1.mti-cloud-about-below img{
    max-height: 300px !important;
    padding: 8px;
  }
}

/* More space below about before features */
.mti-svc-cloud.mti-svc-layout{
  padding-bottom: 40px !important;
}
.mti-cloud-features-head.space{
  padding-top: 80px !important;
  padding-bottom: 40px !important;
}
.mti-cloud-features-head .mti-sec-text-oneline{
  max-width: none;
  margin-left: auto;
  margin-right: auto;
}
@media (min-width: 1200px){
  .mti-cloud-features-head .mti-sec-text-oneline{
    white-space: nowrap;
  }
}
.mti-cloud-features-head + .feature-area4{
  padding-bottom: 40px;
}
body:has(.mti-cloud-hero) .feature-area4{
  margin-bottom: 0;
}
/* Our Features icons — brand red */
body:has(.mti-cloud-hero) .feature-area4 .feature_icon img{
  filter: none;
}
body:has(.mti-cloud-hero) .feature-area4 .feature-item.style-4:hover .feature_icon{
  background: rgba(185, 18, 2, 0.08);
}

/* Tight join into footer signature on Cloud pages */
body:has(.mti-cloud-hero) .mti-footer.footer-wrapper,
body:has(.mti-cloud-hero) .mti-footer.space-top{
  margin-top: 0 !important;
  padding-top: 0 !important;
}
@media (max-width: 1199.98px){
  .mti-cloud-hero .heroThumbs.style2{
    display: none;
  }
  .mti-svc-cloud .mti-cloud-about-img .img1 img{
    height: 420px;
  }
}
@media (max-width: 767.98px){
  .mti-svc-cloud .mti-cloud-about-img .img1 img{
    height: 300px;
    border-radius: 20px !important;
  }
  .mti-cloud-features-head.space{
    padding-top: 50px !important;
  }
}