/* Extracted from index.html */

/* Homepage-only client logo and testimonial refinements */
.mf-clients-wrap .mf-client-logo { padding: 0 18px; }
.mf-clients-wrap .mf-client-logo img { max-height: 52px; max-width: 155px; width: auto; height: auto; object-fit: contain; }
.mf-t-avatar { width:56px; height:56px; border-radius:50%; display:flex; align-items:center; justify-content:center; flex:0 0 56px; background:rgba(255,255,255,.10); border:1px solid rgba(255,255,255,.22); color:#fff; font-size:14px; font-weight:700; letter-spacing:.04em; }
@media (max-width:767px) {
  .mf-t-slide p { font-size:18px; line-height:1.65; }
  .mf-clients-wrap .mf-client-logo img { max-width:125px; max-height:42px; }
}



/* Testimonial carousel navigation — matched to the Masflair dark theme */
.mf-testimonial-carousel-shell {
  position: relative;
  padding: 0 72px;
}
.mf-testimonial-carousel-shell .mf-testimonial-nav {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 5;
  width: 48px;
  height: 48px;
  padding: 0;
  border-radius: 50%;
  border: 1px solid rgba(255,255,255,.24);
  background: rgba(255,255,255,.07);
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all .25s ease;
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
}
.mf-testimonial-carousel-shell .mf-testimonial-nav:hover {
  background: #e51b23;
  border-color: #e51b23;
  color: #fff;
  box-shadow: 0 10px 24px rgba(229,27,35,.22);
}
.mf-testimonial-carousel-shell .mf-testimonial-prev { left: 0; }
.mf-testimonial-carousel-shell .mf-testimonial-next { right: 0; }
.mf-testimonial-carousel-shell .mf-testimonial-nav i { font-size: 16px; }
.mf-testimonial-pagination {
  margin-top: 28px;
}
.mf-testimonial-pagination .swiper-pagination-bullet {
  width: 8px;
  height: 8px;
  margin: 0 5px !important;
  background: rgba(255,255,255,.42);
  opacity: 1;
}
.mf-testimonial-pagination .swiper-pagination-bullet-active {
  width: 10px;
  height: 10px;
  background: #e51b23;
}
@media (max-width: 991px) {
  .mf-testimonial-carousel-shell { padding: 0 58px; }
}
@media (max-width: 767px) {
  .mf-testimonial-carousel-shell { padding: 0 42px; }
  .mf-testimonial-carousel-shell .mf-testimonial-nav { width: 36px; height: 36px; }
  .mf-testimonial-carousel-shell .mf-testimonial-nav i { font-size: 13px; }
  .mf-testimonial-pagination { margin-top: 22px; }
}



/* Homepage-only fixes: preserve template sizing while using supplied full-colour client logos. */
.mf-client-carousel-shell { position:relative; padding:0 54px; }
.mf-client-carousel-shell .mf-client-nav {
  position:absolute; top:50%; transform:translateY(-50%); z-index:5;
  width:40px; height:40px; border-radius:50%; border:1px solid var(--mf-border);
  background:#fff; color:var(--mf-dark); display:flex; align-items:center; justify-content:center;
  cursor:pointer; transition:all .25s ease; box-shadow:0 8px 22px rgba(17,17,17,.08);
}
.mf-client-carousel-shell .mf-client-nav:hover { background:var(--mf-primary); border-color:var(--mf-primary); color:#fff; }
.mf-client-carousel-shell .mf-client-prev { left:0; }
.mf-client-carousel-shell .mf-client-next { right:0; }
.mf-client-carousel-shell .mf-client-logo { filter:none !important; opacity:1 !important; }
.mf-client-carousel-shell .mf-client-logo:hover { filter:none !important; opacity:1 !important; }
.mf-client-carousel-shell .mf-client-logo img { filter:none !important; max-height:52px; max-width:150px; object-fit:contain; }
.mf-testimonials .mf-t-slide p { font-size:16px; line-height:1.8; font-weight:400; max-width:820px; margin-left:auto; margin-right:auto; }
@media (max-width:767px) {
  .mf-client-carousel-shell { padding:0 42px; }
  .mf-client-carousel-shell .mf-client-nav { width:34px; height:34px; }
  .mf-client-carousel-shell .mf-client-logo img { max-width:120px; max-height:44px; }
  .mf-testimonials .mf-t-slide p { font-size:15px; line-height:1.75; }
}



/* Client carousel: compact spacing + interactive logo cards */
.mf-clients-wrap {
  margin-top: 8px;
}
.mf-client-carousel-shell {
  padding: 0 58px;
}
.mf-client-carousel-shell .pxn-h1_client_carousel {
  padding: 14px 0 18px;
}
.mf-client-carousel-shell .mf-client-logo {
  height: 108px;
  padding: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #fff;
  border: 1px solid rgba(17,17,17,.10);
  border-radius: 12px;
  box-sizing: border-box;
  box-shadow: 0 6px 18px rgba(17,17,17,.035);
  transition: transform .25s ease, border-color .25s ease, box-shadow .25s ease;
}
.mf-client-carousel-shell .mf-client-logo:hover {
  transform: translateY(-4px);
  border-color: rgba(225,29,38,.28);
  box-shadow: 0 12px 28px rgba(17,17,17,.09);
}
.mf-client-carousel-shell .mf-client-logo img {
  max-width: 145px;
  max-height: 62px;
  width: auto;
  height: auto;
  object-fit: contain;
}
.mf-client-carousel-shell .mf-client-nav {
  width: 42px;
  height: 42px;
}
.mf-clients-cta {
  display: flex;
  justify-content: center;
  margin-top: 34px;
}
.mf-clients-cta .mf-btn {
  min-width: 235px;
  justify-content: center;
  padding: 14px 24px;
}
@media (max-width: 991px) {
  .mf-client-carousel-shell { padding: 0 48px; }
  .mf-client-carousel-shell .mf-client-logo { height: 100px; }
}
@media (max-width: 767px) {
  .mf-client-carousel-shell { padding: 0 42px; }
  .mf-client-carousel-shell .pxn-h1_client_carousel { padding: 10px 0 14px; }
  .mf-client-carousel-shell .mf-client-logo { height: 92px; padding: 10px; border-radius: 10px; }
  .mf-client-carousel-shell .mf-client-logo img { max-width: 120px; max-height: 48px; }
  .mf-client-carousel-shell .mf-client-nav { width: 34px; height: 34px; }
  .mf-clients-cta { margin-top: 26px; }
  .mf-clients-cta .mf-btn { min-width: 0; width: 100%; max-width: 280px; }
}



/* Homepage hero slider — clean, theme-matched spacing */
.mf-hero.pxn-h1-hero-slider {
  position: relative;
  width: 100%;
  height: 760px;
  min-height: 760px;
  margin: 0;
  padding: 0;
  overflow: hidden;
  background: #090909;
}
.mf-hero.pxn-h1-hero-slider .swiper-wrapper,
.mf-hero.pxn-h1-hero-slider .swiper-slide { height: 100%; }
.mf-hero.pxn-h1-hero-slider .swiper-slide {
  position: relative;
  display: flex;
  align-items: stretch;
  overflow: hidden;
  box-sizing: border-box;
}
.mf-hero.pxn-h1-hero-slider .swiper-slide::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
.mf-hero.pxn-h1-hero-slider .swiper-slide:nth-child(1)::before {
  background-image: linear-gradient(110deg, rgba(7,8,9,.97) 0%, rgba(9,9,10,.86) 44%, rgba(105,10,16,.46) 100%), url('../assets/images/hero/hero-v2.png');
}
.mf-hero.pxn-h1-hero-slider .swiper-slide:nth-child(2)::before {
  background-image: linear-gradient(110deg, rgba(7,8,9,.97) 0%, rgba(9,9,10,.84) 45%, rgba(105,10,16,.48) 100%), url('../assets/images/hero/h3-hero-content-bg.png');
}
.mf-hero.pxn-h1-hero-slider .swiper-slide:nth-child(3)::before {
  background-image: linear-gradient(110deg, rgba(7,8,9,.97) 0%, rgba(9,9,10,.82) 46%, rgba(105,10,16,.38) 100%), url('../assets/images/hero/h4-hero-img.png');
}
.mf-hero.pxn-h1-hero-slider .swiper-slide::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
  background-image: radial-gradient(circle, rgba(255,255,255,.055) 1px, transparent 1px);
  background-size: 28px 28px;
  opacity: .22;
}
.mf-hero.pxn-h1-hero-slider .mf-container {
  position: relative;
  z-index: 3;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  box-sizing: border-box;
}
.mf-hero.pxn-h1-hero-slider .mf-hero-inner {
  width: 100%;
  max-width: 924px;
  padding: 70px 0;
  box-sizing: border-box;
  transform: translateY(40px);
}
.mf-hero.pxn-h1-hero-slider .mf-hero-sub {
  display: inline-flex;
  margin-bottom: 22px;
}
.mf-hero.pxn-h1-hero-slider h1 {
  max-width: 924px;
  margin: 0 0 24px;
  font-size: clamp(52px, 5.2vw, 60px);
  line-height: 1.08;
  letter-spacing: -1.8px;
}
.mf-hero.pxn-h1-hero-slider p.mf-hero-desc {
  max-width: 820px;
  margin: 0 0 32px;
  font-size: 18px;
  line-height: 1.65;
}
.mf-hero.pxn-h1-hero-slider .mf-hero-actions {
  display: flex;
  align-items: center;
  gap: 18px;
  margin: 0;
}
.mf-hero.pxn-h1-hero-slider .mf-hero-trust { display: none !important; }
.mf-hero.pxn-h1-hero-slider .pxn_slider-nav {
  display: inline-flex;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 8;
  width: 54px;
  height: 54px;
  border-radius: 50%;
  align-items: center;
  justify-content: center;
  background: rgba(255,255,255,.08);
  border: 1px solid rgba(255,255,255,.18);
  color: #fff;
  backdrop-filter: blur(10px);
}
.mf-hero.pxn-h1-hero-slider .pxn_slider-prev { left: 28px; }
.mf-hero.pxn-h1-hero-slider .pxn_slider-next { right: 28px; }
/* Use the original Masflair theme pagination treatment. */
.mf-hero.pxn-h1-hero-slider .pxn_slider-pagination {
  position: absolute;
  left: 50%;
  right: auto;
  bottom: 24px;
  width: auto;
  transform: translateX(-50%);
  z-index: 9;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  padding: 0 15px;
}
.mf-hero.pxn-h1-hero-slider .pxn_slider-pagination .swiper-pagination-bullet {
  position: relative;
  width: 25px;
  height: 25px;
  margin: 0 !important;
  border-radius: 50%;
  opacity: 1;
  background: transparent;
  box-shadow: none;
}
.mf-hero.pxn-h1-hero-slider .pxn_slider-pagination .swiper-pagination-bullet::after {
  content: "";
  position: absolute;
  width: 15px;
  height: 15px;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  border-radius: 50%;
  background: rgba(255,255,255,.5);
}
.mf-hero.pxn-h1-hero-slider .pxn_slider-pagination .swiper-pagination-bullet-active {
  background: #fff;
}
.mf-hero.pxn-h1-hero-slider .pxn_slider-pagination .swiper-pagination-bullet-active::after {
  width: 11px;
  height: 11px;
  background: #e31b23;
}
@media (max-width: 991px) {
  .mf-hero.pxn-h1-hero-slider { height: 700px; min-height: 700px; }
  .mf-hero.pxn-h1-hero-slider .pxn_slider-nav { width: 46px; height: 46px; }
  .mf-hero.pxn-h1-hero-slider .pxn_slider-prev { left: 18px; }
  .mf-hero.pxn-h1-hero-slider .pxn_slider-next { right: 18px; }
  .mf-hero.pxn-h1-hero-slider .mf-hero-inner { max-width: 720px; padding: 55px 0; transform: translateY(32px); }
  .mf-hero.pxn-h1-hero-slider h1 { font-size: 52px; }
}
@media (max-width: 575px) {
  .mf-hero.pxn-h1-hero-slider { height: 720px; min-height: 720px; }
  .mf-hero.pxn-h1-hero-slider .mf-container { align-items: center; }
  .mf-hero.pxn-h1-hero-slider .mf-hero-inner { padding: 50px 0; transform: translateY(24px); }
  .mf-hero.pxn-h1-hero-slider h1 { font-size: 40px; line-height: 1.1; letter-spacing: -1px; margin-bottom: 20px; }
  .mf-hero.pxn-h1-hero-slider p.mf-hero-desc { font-size: 16px; line-height: 1.65; margin-bottom: 26px; }
  .mf-hero.pxn-h1-hero-slider .mf-hero-actions { flex-wrap: wrap; gap: 12px; }
  .mf-hero.pxn-h1-hero-slider .pxn_slider-nav { display: none; }
  .mf-hero.pxn-h1-hero-slider .pxn_slider-pagination { bottom: 18px; }
}



/* Homepage-only font mockup: Inter. Original layout, images, content and components are unchanged. */
html, body { font-family: Inter, sans-serif !important; }
body, body *:not(i):not([class*="pxni-"]) { font-family: Inter, sans-serif !important; }
body h1, body h2, body h3, body h4, body h5, body h6,
body .mf-hero h1, body .mf-heading h2, body .mf-about-content h2,
body .mf-sol-card h3, body .mf-why-card h4, body .mf-ind-card h4,
body .mf-timeline-step h3, body .mf-counter-item .val,
body .mf-eyebrow, body .mf-btn, body .mf-link,
body .pxn_main_navigation a, body .pxn_header_btn, body .pxn_header_top,
body .pxn_site_logo, body button, body input, body textarea, body select {
  font-family: Inter, sans-serif !important;
}
body h1, body h2, body h3, body h4, body h5, body h6 { font-weight: 700; }


/* Homepage inline presentation rules moved out of index.html */
.mf-about-more { margin-top: 36px; }
.mf-eyebrow-center { justify-content: center; }
.mf-clients-heading-wrap { margin-bottom: 44px; }
.mf-clients-heading { font-size: 32px; }
.mf-download-guide { background: #111; color: #fff; }
.mf-contact-heading { color: #fff; }
.mf-footer-socials-home { margin-top: 44px; }
.mf-form-group-spaced { margin-bottom: 24px; }