/*
Theme Name: DianaMik Native Dynamic v5.26
Theme URI: https://dianamik.com/
Author: Tennet Infotech
Description: Native dynamic WordPress theme for DianaMik. No Elementor required.
Version: 5.26.0
Requires PHP: 7.4
Text Domain: dianamik-native
*/
html,body{margin:0;padding:0}
.dianamik-native-content{width:100%}
.dianamik-admin-note{padding:8px 12px;background:#f6f7f7;border-left:4px solid #2271b1}


/* ===== DIANAMIK CLIENT LOGO AUTO ROTATION ===== */
.clients-slider {
  position: relative;
  width: 100%;
  overflow: hidden;
  padding: 18px 0;
}

.clients-track {
  display: flex !important;
  width: max-content;
  gap: 0 !important;
  will-change: transform;
  animation: dianamikClientScroll 42s linear infinite;
}

.client-logo-sequence {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  gap: 40px;
  padding-right: 40px;
}

.client-logo-item {
  width: 150px;
  min-width: 150px;
  height: 118px;
  display: flex;
  align-items: center;
  justify-content: center;
  animation-duration: 3.4s;
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite;
  will-change: transform;
}

.client-logo-item.client-logo-float-up {
  animation-name: dianamikClientFloatUp;
}

.client-logo-item.client-logo-float-down {
  animation-name: dianamikClientFloatDown;
}

.client-logo-item a {
  display: flex;
  width: 100%;
  height: 100%;
  align-items: center;
  justify-content: center;
}

.clients-track .client-logo-item img {
  display: block;
  max-width: 150px;
  width: 100%;
  max-height: 82px;
  height: auto;
  object-fit: contain;
  box-sizing: border-box;
}

.clients-slider:hover .clients-track,
.clients-slider:hover .client-logo-item {
  animation-play-state: paused;
}

@keyframes dianamikClientScroll {
  from { transform: translate3d(0, 0, 0); }
  to   { transform: translate3d(-50%, 0, 0); }
}

@keyframes dianamikClientFloatUp {
  0%, 100% { transform: translateY(7px); }
  50%      { transform: translateY(-7px); }
}

@keyframes dianamikClientFloatDown {
  0%, 100% { transform: translateY(-7px); }
  50%      { transform: translateY(7px); }
}

@media (max-width: 992px) {
.client-logo-sequence {
    gap: 28px;
    padding-right: 28px;
  }

.client-logo-item {
    width: 122px;
    min-width: 122px;
    height: 104px;
  }

.clients-track .client-logo-item img {
    max-width: 122px;
    max-height: 72px;
  }
}

@media (max-width: 767px) {
.clients-track {
    animation-duration: 32s;
  }

.client-logo-sequence {
    gap: 20px;
    padding-right: 20px;
  }

.client-logo-item {
    width: 104px;
    min-width: 104px;
    height: 92px;
    animation-duration: 3s;
  }

.clients-track .client-logo-item img {
    max-width: 104px;
    max-height: 62px;
  }
}

@media (prefers-reduced-motion: reduce) {
.clients-track,
.client-logo-item {
    animation: none !important;
  }

.clients-slider {
    overflow-x: auto;
  }
}


/* ===== FINAL 2026 TYPOGRAPHY / WRAPPING STABILITY ===== */
html, body, button, input, textarea, select { font-family: "Poppins", sans-serif; font-synthesis: none; }
p { text-wrap: wrap; }
.top-phone-pair { display:inline-flex; align-items:center; gap:6px; white-space:nowrap; }

/* ===== TWO VERTICAL CLIENT LOGO LINES ===== */
.clients-slider { overflow:hidden; }
.clients-track { display:block !important; width:100% !important; animation:none !important; transform:none !important; }
.client-vertical-columns { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:28px; max-width:760px; margin:0 auto; height:520px; overflow:hidden; }
.client-vertical-column { overflow:hidden; position:relative; }
.client-vertical-track { display:flex; flex-direction:column; width:100%; will-change:transform; }
.client-vertical-sequence { display:flex; flex-direction:column; gap:22px; padding-bottom:22px; }
.client-logo-item { min-height:120px; display:flex; align-items:center; justify-content:center; padding:18px; background:#fff; border-radius:16px; box-shadow:0 6px 18px rgba(0,0,0,.06); box-sizing:border-box; animation:none !important; }
.client-logo-item img { display:block; width:auto !important; max-width:90% !important; height:auto !important; max-height:84px !important; object-fit:contain; padding:0 !important; background:transparent !important; box-shadow:none !important; }
.client-column-up .client-vertical-track { animation:dianamikClientVerticalUp 38s linear infinite; }
.client-column-down .client-vertical-track { animation:dianamikClientVerticalDown 38s linear infinite; transform:translateY(-50%); }
@keyframes dianamikClientVerticalUp { from{transform:translateY(0)} to{transform:translateY(-50%)} }
@keyframes dianamikClientVerticalDown { from{transform:translateY(-50%)} to{transform:translateY(0)} }
@media (max-width:767px){ .client-vertical-columns{height:420px;gap:14px}.client-logo-item{min-height:98px;padding:10px}.client-logo-item img{max-height:64px!important}.client-column-up .client-vertical-track,.client-column-down .client-vertical-track{animation-duration:30s} }
@media (prefers-reduced-motion:reduce){ .client-vertical-track{animation:none!important;transform:none!important}.client-vertical-columns{height:auto;max-height:none}.client-vertical-column{overflow:visible} }

/* ===== FAQ DIRECTORY ===== */
.faq-directory-page{padding:80px 0}.faq-directory-header{text-align:center;max-width:760px;margin:0 auto 38px}.faq-category-tabs{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-bottom:32px}.faq-category-tab{border:1px solid #d8e1ec;background:#fff;color:#003366;padding:10px 16px;border-radius:999px;cursor:pointer;font:inherit}.faq-category-tab.active{background:#003366;color:#fff}.faq-category-panel{display:none;max-width:900px;margin:0 auto}.faq-category-panel.active{display:block}.faq-category-panel>h2{text-align:center;margin:0 0 24px;color:#0d1b2a}

/* ===== DIANAMIK V5.8 MOBILE SPACING ===== */
@media (max-width: 768px){
  .top-bar,.top-bar .container,.header-top,.header-top .container{min-height:0!important;padding-top:5px!important;padding-bottom:5px!important;gap:6px!important}
  .top-bar-left,.top-bar-right,.contact-info,.header-contact{gap:6px 10px!important;line-height:1.25!important}
  .top-bar a,.header-contact a{margin:0!important;padding:0!important}
  .main-header,.navbar,.nav-container{padding-top:6px!important;padding-bottom:6px!important}
  .dianamik-native-content section:not(.hero):not(.hero-section):not(.sp-hero-section){padding-top:min(42px,8vw)!important;padding-bottom:min(42px,8vw)!important}
  .section-header,.stats__header,.about__header{margin-bottom:22px!important}
  .section-title{margin-bottom:28px!important}
  .faq-category-tabs{margin-bottom:18px!important}
  .faq-category-panel>h2{margin-bottom:16px!important}
  footer,.footer{padding-top:32px!important;padding-bottom:24px!important}
  footer p,footer ul,.footer p,.footer ul{margin-top:6px!important;margin-bottom:6px!important}
}


/* ===== DIANAMIK V5.18 NABH PROJECTS PORTFOLIO CTA ===== */
.client-portfolio-cta{max-width:760px;margin:28px auto 0;text-align:center;padding:20px 24px;border-radius:14px;background:#fff;box-shadow:0 6px 18px rgba(0,0,0,.06);box-sizing:border-box}
.client-portfolio-cta__text{margin:0 0 14px;color:#4b5563;font-size:16px;line-height:1.55}
.client-portfolio-cta__link{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:11px 20px;border-radius:8px;background:#f57c00;color:#fff!important;font-weight:700;text-decoration:none!important;line-height:1.2;transition:transform .2s ease,box-shadow .2s ease,background-color .2s ease}
.client-portfolio-cta__link:hover,.client-portfolio-cta__link:focus-visible{background:#dc6f00;color:#fff!important;transform:translateY(-1px);box-shadow:0 6px 14px rgba(0,0,0,.12)}
@media (max-width:767px){.client-portfolio-cta{margin-top:18px;padding:16px 14px}.client-portfolio-cta__text{font-size:14px;margin-bottom:12px}.client-portfolio-cta__link{width:100%;padding:11px 14px}}

/* ===== v5.19 CLIENT LOGO INTERACTION ===== */
.client-vertical-columns{margin-left:auto!important;margin-right:auto!important;justify-content:center}

/* ===== v5.23 CLIENT CLICK-ONLY PAUSE + CENTERING ===== */
.clients-slider{display:block!important;width:100%!important}
.clients-track{display:block!important;width:100%!important;max-width:760px!important;margin-left:auto!important;margin-right:auto!important}
.client-vertical-columns{display:grid!important;width:100%!important;max-width:760px!important;margin-left:auto!important;margin-right:auto!important;justify-content:center!important}
.client-logo-item{display:flex!important;align-items:center!important;justify-content:center!important;text-align:center!important}
.client-logo-item a{display:flex!important;width:100%!important;height:100%!important;align-items:center!important;justify-content:center!important;text-align:center!important}
.client-logo-item img{display:block!important;margin-left:auto!important;margin-right:auto!important}
.client-vertical-columns.client-animation-paused .client-vertical-track{animation-play-state:paused!important}