/* Minimal skin aligning with IT Company Website theme aesthetics */
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap');

:root{
  --it-primary:#002e5f; /* deep blue */
  --it-accent:#00bfff;  /* sky blue */
}

body{font-family:"Poppins",Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif}

/* Header bar look */
.site-header{background:rgba(0,46,95,.92); border-bottom: none}
.site-header .site-nav a:hover{color:#fff; background:rgba(255,255,255,.08)}
.btn-primary{background:linear-gradient(135deg,var(--it-accent),#4F84C4);}

/* Headings and sections */
.section-title{color:var(--it-primary)}
.hero h1{color:#fff}
.hero p{color:#e1ecf6}

/* Clients strip (simple grid) */
.clients{padding:50px 0; background:#0e1722; border-top:1px solid #1b2633; border-bottom:1px solid #1b2633}
.clients .owl-carousel img{max-width:100%; height:auto; opacity:.9; filter:grayscale(10%); transition:.25s}
.clients .owl-carousel img:hover{opacity:1; filter:none}

@media (max-width: 700px){
  /* owl handles responsive items */
}

/* Counters */
.counters{background:#101b28;color:#e6eef7;padding:36px 0;border-top:1px solid #1b2633;border-bottom:1px solid #1b2633}
.counters .container{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;text-align:center}
.counters i{color:#4da3ff;font-size:36px}
.counters .counter{font-size:42px;margin:6px 0;color:#22d3ee}
.counters h3{margin:0;color:#c9d5e3}
@media (max-width: 700px){.counters .container{grid-template-columns:repeat(2,1fr)}}

/* Testimonials */
.testimonials .card{min-height:130px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}

/* FAQ */
.faq details{margin:10px 0}
.faq summary{cursor:pointer;font-weight:600}