@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,400;0,500;0,600;0,700;0,800&family=Sora:wght@600;700;800&family=Jost:wght@400;500;600;700&display=swap');
@import "assets/theme-css/reset.css";
@import "assets/theme-css/topbar.css";
@import "assets/theme-css/header.css";
@import "assets/theme-css/mobile-menu.css";
@import "assets/theme-css/hero.css";
@import "assets/theme-css/banner.css";
@import "assets/theme-css/breadcrumbs.css";
@import "assets/theme-css/about.css";
@import "assets/theme-css/what-we-do.css";
@import "assets/theme-css/service.css";
@import "assets/theme-css/our-product.css";
@import "assets/theme-css/pricing.css";
@import "assets/theme-css/coverage-area.css";
@import "assets/theme-css/media-server.css";
@import "assets/theme-css/speed-test.css";
@import "assets/theme-css/paybill.css";
@import "assets/theme-css/blog.css";
@import "assets/theme-css/contact-us.css";
@import "assets/theme-css/faq.css";
@import "assets/theme-css/testimonial.css";
@import "assets/theme-css/valuable-clients.css";
@import "assets/theme-css/call-to-action.css";
@import "assets/theme-css/not-found.css";
@import "assets/theme-css/privacy-terms-page.css";
@import "assets/theme-css/footer.css";

/* ============================================================
   NetCity — PREMIUM theme layer  (visual polish, no content change)
   ============================================================ */
:root{
  --nc-red:#1746c9;
  --nc-red-2:#3b82f6;
  --nc-red-deep:#0c2a6b;
  --nc-ink:#15171c;
  --nc-font-body:'Plus Jakarta Sans','Jost',sans-serif;
  --nc-font-display:'Sora','Plus Jakarta Sans',sans-serif;
  --nc-shadow-sm:0 4px 14px -6px rgba(20,22,28,.18);
  --nc-shadow:0 18px 40px -22px rgba(20,22,28,.30);
  --nc-shadow-red:0 14px 30px -12px rgba(23,70,201,.45);
}
html{scroll-behavior:smooth;}
body{font-family:var(--nc-font-body) !important;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;letter-spacing:-.005em;}

/* Premium display type for headings & big titles */
h1,h2,h3,
.section-head-big-title,[class*="-big-title"],[class*="cont-big-title"],
.hero-cont-big-title,.breadcrumbs-cont-title,.about-section-title{
  font-family:var(--nc-font-display) !important;
  letter-spacing:-.022em !important;
  font-weight:800 !important;
}

/* Selection + custom scrollbar */
::selection{background:var(--nc-red);color:#fff;}
*{scrollbar-width:thin;scrollbar-color:var(--nc-red) transparent;}
::-webkit-scrollbar{width:10px;height:10px;}
::-webkit-scrollbar-thumb{background:linear-gradient(var(--nc-red),var(--nc-red-deep));border-radius:20px;border:2px solid transparent;background-clip:content-box;}
::-webkit-scrollbar-track{background:transparent;}

/* ---------- Header: glass + refined sticky ---------- */
.ISPTemplateV1-header,.header-area,[class*="header-main"],header.header{
  backdrop-filter:saturate(140%) blur(10px);
  -webkit-backdrop-filter:saturate(140%) blur(10px);
  background:rgba(255,255,255,.82) !important;
  box-shadow:0 6px 26px -18px rgba(20,22,28,.45);
  border-bottom:1px solid rgba(20,22,28,.06);
  transition:box-shadow .3s ease, background .3s ease;
}
/* nav links: animated underline */
.header-menu-list > li.link > a{position:relative;font-weight:600 !important;transition:color .25s ease;}
.header-menu-list > li.link > a::after{
  content:"";position:absolute;left:0;bottom:-6px;height:2px;width:0;border-radius:2px;
  background:linear-gradient(90deg,var(--nc-red),var(--nc-red-2));transition:width .28s cubic-bezier(.2,.7,.2,1);
}
.header-menu-list > li.link > a:hover{color:var(--nc-red) !important;}
.header-menu-list > li.link > a:hover::after{width:100%;}

/* ---------- Topbar refine ---------- */
.ISPTemplateV1-topbar,[class*="topbar"]{letter-spacing:.01em;}

/* ---------- Buttons: premium gradient + depth ---------- */
.ISPTemplateV1-btn,
.hero-content-btn,.about-section-btn,.call-to-action-btn,.banner-single-btn,
.pricing-card-btn,.product-card-btn,.blog-card-cont-btn{
  font-family:var(--nc-font-body) !important;font-weight:700 !important;letter-spacing:.01em;
  border:none !important;border-radius:50px !important;
  background-image:linear-gradient(120deg,var(--nc-red),var(--nc-red-deep)) !important;
  color:#fff !important;
  box-shadow:var(--nc-shadow-red);
  position:relative;overflow:hidden;
  transition:transform .28s cubic-bezier(.2,.7,.2,1),box-shadow .28s ease,filter .28s ease;
}
.ISPTemplateV1-btn.secondary{background-image:linear-gradient(120deg,#23262b,#3a3f45) !important;box-shadow:0 14px 30px -12px rgba(0,0,0,.5);}
.ISPTemplateV1-btn::before{
  content:"";position:absolute;top:0;left:-120%;width:60%;height:100%;
  background:linear-gradient(110deg,transparent,rgba(255,255,255,.35),transparent);
  transform:skewX(-18deg);transition:left .6s ease;
}
.ISPTemplateV1-btn:hover::before{left:140%;}
.ISPTemplateV1-btn:hover,
.hero-content-btn:hover,.about-section-btn:hover,.call-to-action-btn:hover,
.banner-single-btn:hover,.pricing-card-btn:hover,.product-card-btn:hover,.blog-card-cont-btn:hover{
  transform:translateY(-3px);
  box-shadow:0 20px 40px -12px rgba(23,70,201,.55);
  filter:brightness(1.05);
}

/* ---------- Cards: premium depth + smooth hover ---------- */
[class*="-card-single"],[class*="-card-main"],
.pricing-card,.product-card,.WhatWeDo-card-single,.blog-card-single,
.service-card-single,.reliable-card-single,.faq-card,.media-server-card{
  border-radius:20px !important;
  box-shadow:var(--nc-shadow-sm);
  border:1px solid rgba(20,22,28,.06);
  transition:transform .35s cubic-bezier(.2,.7,.2,1),box-shadow .35s ease,border-color .35s ease;
  will-change:transform;
}
[class*="-card-single"]:hover,
.pricing-card:hover,.product-card:hover,.WhatWeDo-card-single:hover,
.blog-card-single:hover,.service-card-single:hover,.reliable-card-single:hover{
  transform:translateY(-8px);
  box-shadow:var(--nc-shadow);
  border-color:rgba(23,70,201,.28);
}

/* Pricing: premium top accent + featured glow */
.pricing-card-single,.pricing-card{position:relative;overflow:hidden;}
.pricing-card-single::before,.pricing-card::before{
  content:"";position:absolute;inset:0 0 auto 0;height:4px;
  background:linear-gradient(90deg,var(--nc-red),var(--nc-red-2));
  opacity:0;transition:opacity .3s ease;
}
.pricing-card-single:hover::before,.pricing-card:hover::before{opacity:1;}
.pricing-card-single.active,.pricing-card.active,.pricing-card-single.featured{
  box-shadow:0 30px 60px -26px rgba(23,70,201,.5) !important;
  border-color:rgba(23,70,201,.45) !important;
}
.pricing-card-single.active::before,.pricing-card.active::before{opacity:1;}

/* Card images: gentle zoom in frame */
.blog-card-single-img,[class*="-card-single-img"],[class*="-card-img"]{overflow:hidden;border-radius:16px;}
.blog-card-single-img img,[class*="-card-single-img"] img{transition:transform .55s cubic-bezier(.2,.7,.2,1);}
.blog-card-single:hover .blog-card-single-img img,
[class*="-card-single"]:hover [class*="-card-single-img"] img{transform:scale(1.06);}

/* ---------- Forms: refined ---------- */
input,select,textarea{transition:border-color .25s ease, box-shadow .25s ease, background .25s ease;border-radius:12px !important;}
input:focus,select:focus,textarea:focus{
  border-color:var(--nc-red) !important;
  box-shadow:0 0 0 4px rgba(23,70,201,.12) !important;outline:none !important;
}

/* ---------- Section titles ---------- */
.section-head-big-title span,[class*="big-title"] span,.section-title span{color:var(--nc-red) !important;}

/* ---------- Links ---------- */
a{transition:color .22s ease;}
a:hover{color:var(--nc-red);}

/* ---------- Scroll-to-top / floating buttons ---------- */
.scroll-top,[class*="back-to-top"],[class*="whatsapp"]{
  transition:transform .25s ease, box-shadow .25s ease;box-shadow:var(--nc-shadow-red);
}
.scroll-top:hover,[class*="back-to-top"]:hover,[class*="whatsapp"]:hover{transform:translateY(-3px) scale(1.05);}

/* ---------- Footer refine ---------- */
footer a,.footer-area a{transition:color .22s ease,padding-left .22s ease;}
footer a:hover,.footer-area a:hover{color:var(--nc-red-2);}

/* ---------- Remove any auto-generated 'More' dropdown in header nav ---------- */
.header-menu-list > li.more,
.header-menu-list > li[class*="more"],
.header-menu-list .menu-more,
.header-menu-list .nav-more,
.header-menu-list .more-menu,
.header-menu-list > li.hidden-links{display:none !important;}

/* gentle entrance for cards already using wow.js stays intact */