/* =========================================================
   UJWAL TECHNO — UNIFIED TYPOGRAPHY, ICONS & SPACING
   Loaded LAST on every page (just before </body>) so it
   overrides the page-level <style> blocks.
   `:not(#ut)` is a specificity booster (no element has id="ut").

   Type scale (desktop / mobile):
     Hero title (h1) ........ 48 / 32
     Section heading (h2) ... 40 / 30
     Sub-heading (panel h3).. 28 / 24
     Card title ............. 20 / 18
     Small item title ....... 16
     Paragraph .............. 16  (line-height 1.7)
     Caption / small text ... 14
     Eyebrow label .......... 13  (uppercase)
========================================================= */

/* ---------- 1. One font everywhere: Poppins (self-hosted) ---------- */
@font-face{font-family:"Poppins";font-style:normal;font-weight:300;font-display:swap;src:url("../fonts/poppins/Poppins-Light.ttf") format("truetype");}
@font-face{font-family:"Poppins";font-style:normal;font-weight:400;font-display:swap;src:url("../fonts/poppins/Poppins-Regular.ttf") format("truetype");}
@font-face{font-family:"Poppins";font-style:normal;font-weight:500;font-display:swap;src:url("../fonts/poppins/Poppins-Medium.ttf") format("truetype");}
@font-face{font-family:"Poppins";font-style:normal;font-weight:600;font-display:swap;src:url("../fonts/poppins/Poppins-SemiBold.ttf") format("truetype");}
@font-face{font-family:"Poppins";font-style:normal;font-weight:700;font-display:swap;src:url("../fonts/poppins/Poppins-Bold.ttf") format("truetype");}
@font-face{font-family:"Poppins";font-style:normal;font-weight:800;font-display:swap;src:url("../fonts/poppins/Poppins-ExtraBold.ttf") format("truetype");}

html body,
body *:not(#ut):not(i):not(.fa):not(.fas):not(.far):not(.fab):not(.fal):not([class^="ti-"]):not([class*=" ti-"]):not([class^="flaticon-"]):not([class*=" flaticon-"]):not(.lnr){
  font-family:"Poppins",sans-serif !important;
}

/* ---------- 2. Icons always visible ---------- */
.fa:not(#ut),.fas:not(#ut){font-family:"Font Awesome 5 Free" !important;font-weight:900 !important;}
.far:not(#ut){font-family:"Font Awesome 5 Free" !important;font-weight:400 !important;}
.fab:not(#ut){font-family:"Font Awesome 5 Brands" !important;font-weight:400 !important;}
[class^="ti-"]:not(#ut),[class*=" ti-"]:not(#ut){font-family:"themify" !important;}
.fa,.fas,.far,.fab,[class^="ti-"],[class*=" ti-"],[class^="flaticon-"],[class*=" flaticon-"]{
  display:inline-block;visibility:visible !important;opacity:1 !important;
  font-style:normal;line-height:1;text-rendering:auto;-webkit-font-smoothing:antialiased;
}
/* icon boxes: keep the glyph centred and never clipped */
.highlight-icon,.utc-expertise-icon,.utc-attribute-icon,.why-feature-icon,
.utc-contact-icon,.domain-card-icon,.utc-domain-icon,.process-icon,.utc-card-icon{
  display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;
}

/* ---------- 3. Headings ---------- */
main h1:not(#ut),
.slider-area .hero__caption h1:not(#ut),
.page-hero h1:not(#ut){
  font-size:48px !important;line-height:1.15 !important;font-weight:800 !important;letter-spacing:-.8px !important;
}

/* every section heading on every page */
main h2:not(#ut){
  font-size:40px !important;line-height:1.2 !important;font-weight:700 !important;
  letter-spacing:-.5px !important;text-transform:none !important;
}

/* large panel / sub-section headings */
.svc-banner h3:not(#ut),
.utc-banner-content h3:not(#ut),
.utc-contact-info-content h3:not(#ut),
.utc-form-header h3:not(#ut),
.utc-about-content h3:not(#ut),
.svc-detail__text h4:not(#ut){
  font-size:28px !important;line-height:1.25 !important;font-weight:700 !important;letter-spacing:-.3px !important;
}

/* card titles */
.cat-cap h5:not(#ut),
.domain-card-content h3:not(#ut),
.utc-domain-card h3:not(#ut),
.process-card h5:not(#ut),
.utc-card-content h4:not(#ut),
.why-feature-content h5:not(#ut),
.engagement-card-header:not(#ut),
.utc-attributes-heading h3:not(#ut),
.founder-heading h3:not(#ut),
.utc-founder-name-box h3:not(#ut){
  font-size:20px !important;line-height:1.35 !important;font-weight:600 !important;letter-spacing:0 !important;
}

/* small item titles inside lists / mini boxes */
.highlight-item h5:not(#ut),
.utc-expertise-item h4:not(#ut),
.utc-attribute h5:not(#ut),
.utc-contact-text h4:not(#ut),
.founder-expertise strong:not(#ut),
.utc-attributes-panel h5:not(#ut){
  font-size:16px !important;line-height:1.4 !important;font-weight:600 !important;
}

/* ---------- 4. Paragraphs & body text ---------- */
main p:not(#ut){font-size:16px !important;line-height:1.7 !important;}
main ul li:not(#ut){font-size:15px;line-height:1.6;}
.engagement-card-body li:not(#ut),
.process-card ul li:not(#ut),
.svc-bullets li:not(#ut){font-size:15px !important;line-height:1.6 !important;}

/* hero intro text slightly larger */
.page-hero p:not(#ut),
.slider-area .hero__caption p.hero-description:not(#ut){font-size:17px !important;}

/* captions and sub-lines under small titles */
.highlight-item p:not(#ut),
.utc-attribute p:not(#ut),
.utc-contact-text p:not(#ut),
.utc-founder-name-box p:not(#ut),
.founder-heading p:not(#ut),
.testimonial-founder p:not(#ut),
.single-counter p:not(#ut),
.founder-expertise small:not(#ut),
.counter-card p:not(#ut){font-size:14px !important;line-height:1.5 !important;}

/* eyebrow / kicker labels */
.utc-about-label:not(#ut),.utc-profile-label:not(#ut),.utc-domain-label:not(#ut),
.svc-kicker:not(#ut),.why-kicker:not(#ut),.section-header span:not(#ut),
.section-tittle > span:not(#ut),.utc-heading-label:not(#ut),.domain-eyebrow:not(#ut),.utc-contact-label:not(#ut){
  font-size:13px !important;letter-spacing:2px !important;font-weight:600 !important;
}

/* ---------- 5. Containers & section spacing ---------- */
.utc-container{width:100%;max-width:1170px;margin-left:auto;margin-right:auto;padding-left:15px;padding-right:15px;position:relative;z-index:1;}

/* one consistent vertical rhythm for every content section */
main > section:not(#ut):not(.page-hero):not(.utc-domain-section),
main > div:not(#ut):not(.slider-area):not(.count-down-area):not(.testimonial-area){
  padding-top:70px !important;padding-bottom:70px !important;margin-top:0 !important;margin-bottom:0 !important;
}
/* section headings: same gap to content everywhere */
.section-tittle:not(#ut),.svc-intro:not(#ut),.domain-heading:not(#ut),.utc-domain-heading-wrap:not(#ut),
.utc-contact-heading:not(#ut),.utc-training-heading:not(#ut),.section-header:not(#ut){
  margin-bottom:45px !important;
}
.section-tittle h2:not(#ut),.section-header h2:not(#ut){margin-bottom:0 !important;}
/* remove trailing gaps under the last row of cards */
.categories-area .row > [class*="col-"]:last-child .single-cat,
.categories-area .single-cat{margin-bottom:0 !important;}
.categories-area .row{margin-bottom:0 !important;}
.categories-area .row > [class*="col-"]{margin-bottom:30px;}
@media (min-width:992px){ .categories-area .row > [class*="col-"]{margin-bottom:0;} }

/* home: testimonial + overlapping counters */
.testimonial-area:not(#ut){padding-top:70px !important;padding-bottom:130px !important;margin:0 !important;}
.count-down-area:not(#ut){padding-top:0 !important;padding-bottom:50px !important;margin-top:-70px !important;margin-bottom:0 !important;position:relative;z-index:2;}
/* about page: counters follow the domain section directly (no overlap) */
.utc-domain-section:not(#ut){padding-top:70px !important;padding-bottom:40px !important;margin:0 !important;}
.utc-domain-section ~ .count-down-area:not(#ut):not(.x){margin-top:0 !important;padding-top:0 !important;padding-bottom:70px !important;background:#f5f8fa !important;}

/* blog/training: engagement section directly under hero */
.engagement-area:not(#ut){padding-top:70px !important;}
.engagement-area h2:not(#ut){margin-bottom:45px !important;}

/* counter "+" stays on the same line as the number */
.single-counter .counter,.single-counter .counter-plus{display:inline-block !important;}
.single-counter .counter-plus{font-size:inherit;line-height:1;}
.single-counter .counter + .counter-plus{margin-left:2px;}
.single-counter p{margin-top:8px !important;}

/* testimonial: brand colours instead of red/purple */
.testimonial-top-cap svg path{fill:#2ea8df !important;}
.testimonial-founder .founder-text span:not(#ut){color:#fff !important;}

/* ---------- 6. Responsive ---------- */
@media (max-width:991px){
  main h1:not(#ut),.slider-area .hero__caption h1:not(#ut),.page-hero h1:not(#ut){font-size:40px !important;}
  main h2:not(#ut){font-size:34px !important;}
  main > section:not(#ut):not(.page-hero):not(.utc-domain-section),
  main > div:not(#ut):not(.slider-area):not(.count-down-area):not(.testimonial-area){padding-top:64px !important;padding-bottom:64px !important;}
  .testimonial-area:not(#ut){padding-top:64px !important;padding-bottom:120px !important;}
  .count-down-area:not(#ut){padding-bottom:64px !important;}
}
@media (max-width:767px){
  main h1:not(#ut),.slider-area .hero__caption h1:not(#ut),.page-hero h1:not(#ut){font-size:32px !important;}
  main h2:not(#ut){font-size:30px !important;}
  .svc-banner h3:not(#ut),.utc-banner-content h3:not(#ut),.utc-contact-info-content h3:not(#ut),
  .utc-form-header h3:not(#ut),.utc-about-content h3:not(#ut),.svc-detail__text h4:not(#ut){font-size:24px !important;}
  .cat-cap h5:not(#ut),.domain-card-content h3:not(#ut),.utc-domain-card h3:not(#ut),.process-card h5:not(#ut),
  .utc-card-content h4:not(#ut),.why-feature-content h5:not(#ut),.engagement-card-header:not(#ut){font-size:18px !important;}
  main p:not(#ut){font-size:15px !important;}
  .page-hero p:not(#ut),.slider-area .hero__caption p.hero-description:not(#ut){font-size:15px !important;}
  main > section:not(#ut):not(.page-hero):not(.utc-domain-section),
  main > div:not(#ut):not(.slider-area):not(.count-down-area):not(.testimonial-area){padding-top:52px !important;padding-bottom:52px !important;}
  .section-tittle:not(#ut),.svc-intro:not(#ut),.domain-heading:not(#ut),.utc-domain-heading-wrap:not(#ut),
  .utc-contact-heading:not(#ut),.utc-training-heading:not(#ut),.section-header:not(#ut){margin-bottom:32px !important;}
  .testimonial-area:not(#ut){padding-top:52px !important;padding-bottom:110px !important;}
  .count-down-area:not(#ut){padding-bottom:52px !important;}
  .engagement-area:not(#ut){padding-top:52px !important;}
}
@media (max-width:480px){
  main h1:not(#ut),.slider-area .hero__caption h1:not(#ut),.page-hero h1:not(#ut){font-size:28px !important;}
  main h2:not(#ut){font-size:26px !important;}
}

/* ---------- 7. Fine-tuning ---------- */
/* hero stats stay on one row */
@media (min-width:768px){ .hero-stats:not(#ut){flex-wrap:nowrap !important;gap:28px !important;} }
.hero-stats li{white-space:nowrap;}
/* equal-height service cards so the coloured bottom bars line up */
.categories-area .row > [class*="col-"]{display:flex;}
.categories-area .single-cat{width:100%;height:100%;}
/* counter numbers in brand weight */
.single-counter .counter:not(#ut),.single-counter .counter-plus:not(#ut){font-weight:700 !important;}
/* footer phone line */
.footer-number h4:not(#ut){font-size:14px !important;line-height:1.6 !important;}
/* home domain cards: link flows under the text (no overlap), cards equal height */
.domain-card:not(#ut){display:flex !important;flex-direction:column;min-height:0 !important;height:100%;padding-bottom:30px !important;}
.domain-card-content:not(#ut){flex:1;display:flex;flex-direction:column;}
.domain-link:not(#ut){position:static !important;margin-top:auto !important;padding-top:18px;bottom:auto !important;}

/* ---------- 8. Darker text: grey -> black (light backgrounds only) ---------- */
/* card / list numbers (01, 02, 03 ...) */
.domain-number:not(#ut),
.why-number:not(#ut),
.utc-card-number:not(#ut){color:#000 !important;opacity:1 !important;-webkit-text-fill-color:#000 !important;}
.domain-card .domain-number:not(#ut),.utc-training-card .utc-card-number:not(#ut){opacity:.9 !important;}
/* counter numbers and labels */
.single-counter:not(.active) .counter:not(#ut),
.single-counter:not(.active) .counter-plus:not(#ut),
.single-counter:not(.active) p:not(#ut){color:#000 !important;}
.counter-card:not(.active) p:not(#ut){color:#111 !important;}
/* body text that was grey */
.founder-heading p:not(#ut),.founder-expertise small:not(#ut),
.domain-heading p:not(#ut),.domain-card-content p:not(#ut),
.why-intro p:not(#ut),.why-feature-content p:not(#ut),
.utc-company-description p:not(#ut),.utc-founder-description:not(#ut),
.utc-trusted span:not(#ut),.utc-domain-heading-wrap p:not(#ut),
.utc-floating-card small:not(#ut),.utc-premium-about small:not(#ut),
.svc-intro p:not(#ut),.svc-detail__text p:not(#ut),
.utc-contact-heading p:not(#ut),.utc-form-header p:not(#ut),.utc-form-note:not(#ut),
.engagement-card-body li:not(#ut),.process-card ul li:not(#ut),
.utc-training-heading p:not(#ut),.utc-card-content p:not(#ut){color:#1c1c1c !important;}

/* ---------- 9. Footer "Contact Us" button: smaller ---------- */
.footer-form .post-btn:not(#ut),
.footer-area .post-btn:not(#ut){
  padding:10px 20px !important;font-size:13px !important;line-height:1.2 !important;
  height:auto !important;min-width:0 !important;width:auto !important;
  border-radius:4px !important;letter-spacing:.5px !important;display:inline-flex !important;align-items:center;gap:8px;
}
.footer-form .post-btn i:not(#ut){font-size:12px !important;}
.footer-form:not(#ut){margin-top:14px !important;}
.why-arrow:not(#ut),.why-feature .fa-arrow-right:not(#ut){color:#000 !important;opacity:1 !important;}
.counter-card:not(.active) .counter-value:not(#ut){color:#000 !important;background:none !important;-webkit-text-fill-color:#000 !important;}

/* =========================================================
   2026-10 UPDATE — menu bar, More About Us button,
   testimonial card, footer icons
   ========================================================= */

/* ---------- Menu bar: one tidy line, active underline, Contact as button ---------- */
.main-header .main-menu{margin-right:0 !important;}
.main-header .main-menu #navigation:not(#ut){display:flex;align-items:center;justify-content:flex-end;flex-wrap:nowrap;gap:4px;margin:0;padding:0;}
.main-header .main-menu #navigation > li:not(#ut){display:block;}
.main-header .main-menu #navigation > li > a:not(#ut),
.header-area .header-sticky.sticky-bar .main-menu #navigation > li > a:not(#ut){
  position:relative;padding:36px 14px !important;font-size:15px;font-weight:500;
  color:#0d2d3e;white-space:nowrap;text-transform:none;letter-spacing:.1px;
}
.header-area .header-sticky.sticky-bar .main-menu #navigation > li > a:not(#ut){padding:24px 14px !important;}
.main-header .main-menu #navigation > li:not(.nav-cta) > a:not(#ut)::after{
  content:"";position:absolute;left:14px;right:14px;bottom:28px;height:2px;border-radius:2px;
  background:linear-gradient(90deg,#283991,#2ea8df);transform:scaleX(0);transform-origin:left;transition:transform .3s ease;
}
.header-area .header-sticky.sticky-bar .main-menu #navigation > li:not(.nav-cta) > a:not(#ut)::after{bottom:16px;}
.main-header .main-menu #navigation > li:hover > a:not(#ut),
.main-header .main-menu #navigation > li.active > a:not(#ut){color:#0F75BB;}
.main-header .main-menu #navigation > li:hover > a:not(#ut)::after,
.main-header .main-menu #navigation > li.active > a:not(#ut)::after{transform:scaleX(1);}
/* Contact = pill button at the end of the menu */
.main-header .main-menu #navigation > li.nav-cta:not(#ut){margin-left:12px;}
.main-header .main-menu #navigation > li.nav-cta > a:not(#ut),
.header-area .header-sticky.sticky-bar .main-menu #navigation > li.nav-cta > a:not(#ut){
  padding:11px 24px !important;border-radius:30px;color:#fff !important;font-weight:600;
  background:linear-gradient(135deg,#283991,#0F75BB);box-shadow:0 8px 18px rgba(15,117,187,.25);
}
.main-header .main-menu #navigation > li.nav-cta > a:not(#ut):hover{transform:translateY(-2px);box-shadow:0 12px 24px rgba(15,117,187,.35);}
.main-header .main-menu #navigation > li.nav-cta.active > a:not(#ut){background:linear-gradient(135deg,#0F75BB,#2ea8df);}
@media (min-width:992px) and (max-width:1199px){
  .main-header .main-menu #navigation > li > a:not(#ut),
  .header-area .header-sticky.sticky-bar .main-menu #navigation > li > a:not(#ut){padding-left:9px !important;padding-right:9px !important;font-size:14px;}
  .main-header .main-menu #navigation > li:not(.nav-cta) > a:not(#ut)::after{left:9px;right:9px;}
  .main-header .main-menu #navigation > li.nav-cta > a:not(#ut){padding:10px 18px !important;}
  .main-header .main-menu #navigation > li.nav-cta:not(#ut){margin-left:6px;}
}

/* ---------- "More About Us" button: light box so it stands out on the dark section ---------- */
.founder-btn:not(#ut){
  background:#ffffff !important;color:#283991 !important;
  border:2px solid #ffffff !important;box-shadow:0 12px 28px rgba(0,0,0,.25) !important;
}
.founder-btn:not(#ut) i{color:#2ea8df;}
.founder-btn:not(#ut):hover{
  background:#2ea8df !important;border-color:#2ea8df !important;color:#ffffff !important;
}
.founder-btn:not(#ut):hover i{color:#ffffff;}

/* ---------- Testimonial ---------- */
.ut-testi-head{margin-bottom:34px;}
.ut-testi-kicker{display:inline-block;color:#5bc4f2;font-size:13px;font-weight:700;letter-spacing:2px;text-transform:uppercase;margin-bottom:10px;}
.ut-testi-head h2{color:#fff !important;font-size:38px;font-weight:800;margin:0;}
.ut-testi-card{
  position:relative;text-align:left;padding:40px 48px 38px;border-radius:20px;
  background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.16);
  backdrop-filter:blur(8px);box-shadow:0 25px 60px rgba(0,0,0,.25);
}
.ut-testi-quote{
  position:relative;margin-bottom:20px;width:54px;height:54px;border-radius:14px;
  display:flex;align-items:center;justify-content:center;color:#fff;font-size:22px;
  background:linear-gradient(135deg,#283991,#2ea8df);box-shadow:0 10px 22px rgba(46,168,223,.35);
}
.testimonial-area .ut-testi-card p:not(#ut){color:rgba(255,255,255,.88) !important;font-size:17px !important;line-height:1.85 !important;font-style:italic;margin:0 0 16px !important;text-align:left;}
.ut-testi-tags{display:flex;flex-wrap:wrap;gap:8px;list-style:none;padding:0;margin:22px 0 26px;}
.ut-testi-tags li{padding:6px 14px;border-radius:30px;font-size:12px;font-weight:600;color:#bfe7fa;background:rgba(46,168,223,.15);border:1px solid rgba(46,168,223,.35);}
.ut-testi-author{display:flex;align-items:center;gap:14px;padding-top:22px;border-top:1px solid rgba(255,255,255,.14);}
.ut-testi-avatar{width:50px;height:50px;border-radius:50%;flex-shrink:0;display:flex;align-items:center;justify-content:center;color:#fff;font-size:19px;background:linear-gradient(135deg,#283991,#0F75BB);border:3px solid rgba(255,255,255,.85);}
.ut-testi-author strong{display:block;color:#fff;font-size:17px;font-weight:700;}
.ut-testi-author small{display:block;color:rgba(255,255,255,.65);font-size:13px;margin-top:2px;}
@media (max-width:767px){
  .ut-testi-head h2{font-size:28px;}
  .ut-testi-card{padding:28px 22px 26px;}
  .ut-testi-quote{width:46px;height:46px;font-size:18px;}
  .testimonial-area .ut-testi-card p:not(#ut){font-size:15px !important;line-height:1.75 !important;}
}

/* ---------- Footer icons ---------- */
/* contact list: icon in a round badge, aligned with the text */
.footer-contact-list:not(#ut){list-style:none;padding:0;margin:22px 0 22px;}
.footer-contact-list li:not(#ut){display:flex;align-items:center;gap:12px;margin-bottom:12px;}
.footer-contact-list .fcl-icon:not(#ut){
  width:34px;height:34px;flex-shrink:0;border-radius:50%;display:flex;align-items:center;justify-content:center;
  color:#fff !important;font-size:13px;background:rgba(46,168,223,.18);border:1px solid rgba(46,168,223,.45);
}
.footer-contact-list .fcl-icon i{color:#2ea8df !important;}
.footer-contact-list li:hover .fcl-icon:not(#ut){background:#2ea8df;}
.footer-contact-list li:hover .fcl-icon i{color:#fff !important;}
/* quick-contact icons now sit under the brand text (moved from the bottom-right corner) */
.footer-social-inline{display:flex;gap:10px;margin-top:22px;}
.footer-social-inline a{
  width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;
  color:#fff !important;font-size:15px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.18);transition:all .3s ease;
}
.footer-social-inline a:hover{background:#2ea8df;border-color:#2ea8df;transform:translateY(-3px);}
.footer-bottom .footer-copy-right:not(#ut){text-align:center;}