/*
Template Name: Corporate Finance Light
Primary Color: #2563eb
Secondary Color: #1d4ed8
Accent Color: #38bdf8
*/

:root{

  /* background */
  --tpl-bg:#f4f7fb;
  --tpl-surface:#ffffff;
  --tpl-surface-soft:#f1f5f9;

  /* container */
  --tpl-container-bg:#ffffff;

  /* text */
  --tpl-text:#1e293b;
  --tpl-text-soft:#64748b;

  /* borders */
  --tpl-border:#e2e8f0;

  /* theme colors */
  --tpl-primary:#2563eb;
  --tpl-secondary:#1d4ed8;
  --tpl-accent:#38bdf8;

  /* light shadows */
  --tpl-overlay:rgba(0,0,0,0.05);
  --tpl-shadow:rgba(0,0,0,0.06);
}

/* GLOBAL */

html,
body{
  background:var(--tpl-bg);
  color:var(--tpl-text);
}

/* HEADER */

.site-header,
header,
.navbar{
  background:#ffffff;
  border-bottom:1px solid var(--tpl-border);
}

.site-header a,
header a,
.navbar a{
  color:var(--tpl-text);
}

.site-header a:hover,
header a:hover,
.navbar a:hover{
  color:var(--tpl-primary);
}

/* HERO */

.hero{
  position:relative;
  color:#fff;
  background:transparent;
  overflow:hidden;
}

.hero::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(135deg, rgba(37,99,235,.92), rgba(29,78,216,.85)),
    radial-gradient(circle at right center, rgba(56,189,248,.18), transparent 55%);
  z-index:1;
  pointer-events:none;
}

.hero > *{
  position:relative;
  z-index:2;
}

.hero .container,
.hero .container-fluid{
  background:transparent !important;
  box-shadow:none !important;
}

/* SECTIONS */

.services-section,
.why-us-section,
.process-section,
.portfolio-section,
.testimonials-section,
.partners-section,
.team-section,
.pricing-section,
.faq-section,
.contact-section,
.stats-section{
  background:var(--tpl-bg);
}

/* CTA */

.cta-section{
  background:linear-gradient(145deg, #2563eb, #1d4ed8);
  color:#fff;
}

/* CONTAINERS */

.services-section .container,
.why-us-section .container,
.process-section .container,
.portfolio-section .container,
.testimonials-section .container,
.partners-section .container,
.team-section .container,
.pricing-section .container,
.faq-section .container,
.contact-section .container,
.stats-section .container{
  background:var(--tpl-container-bg);
  border-radius:18px;
  box-shadow:0 10px 24px var(--tpl-shadow);
}

/* PROTECTION */

.site-header .container,
header .container,
.navbar .container,
.hero .container,
.cta-section .container,
footer .container,
.site-footer .container{
  background:transparent !important;
  box-shadow:none !important;
}

/* CARDS */

.service-card,
.why-card,
.process-card,
.portfolio-card,
.team-card,
.pricing-card,
.faq-item{
  background:var(--tpl-surface);
  border:1px solid var(--tpl-border);
  border-radius:14px;
  box-shadow:0 6px 16px var(--tpl-shadow);
  transition:.2s ease;
}

.service-card:hover,
.why-card:hover,
.process-card:hover{
  border-color:var(--tpl-primary);
  box-shadow:0 10px 26px rgba(37,99,235,.15);
}

/* TITLES */

.services-section h3,
.services-section h3 a,
.why-us-section h3,
.why-us-section h3 a,
.process-section h3,
.process-section h3 a,
.portfolio-section h3,
.portfolio-section h3 a,
.team-section h3,
.team-section h3 a,
.pricing-section h3,
.pricing-section h3 a,
.faq-section h3,
.faq-section h3 a,
.contact-section h3,
.contact-section h3 a,
.stats-section h3,
.stats-section h3 a{
  color:var(--tpl-text);
}

/* TEXT */

.services-section p,
.why-us-section p,
.process-section p,
.portfolio-section p,
.team-section p,
.pricing-section p,
.faq-section p,
.contact-section p,
.stats-section p{
  color:var(--tpl-text-soft);
  line-height:1.65;
}

/* ICONS */

.service-card svg,
.why-card svg,
.process-card svg{
  width:64px;
  height:64px;
  color:var(--tpl-primary);
  fill:currentColor;
}

/* BUTTONS */

.btn,
.btn-primary{
  background:var(--tpl-primary);
  border:1px solid var(--tpl-primary);
  color:#fff;
  padding:0.75rem 2rem;
  border-radius:40px;
}

.btn:hover,
.btn-primary:hover{
  background:#1d4ed8;
  border-color:#1d4ed8;
  box-shadow:0 6px 18px rgba(37,99,235,.25);
}

.btn-outline{
  background:transparent;
  border:1.5px solid var(--tpl-primary);
  color:var(--tpl-primary);
  border-radius:40px;
}

.btn-outline:hover{
  background:var(--tpl-primary);
  color:#fff;
}

/* LINKS */

a{
  color:var(--tpl-primary);
  text-decoration:none;
}

a:hover{
  color:#1d4ed8;
  text-decoration:underline;
}

/* BADGES */

.badge,
.pricing-badge,
.highlight{
  background:rgba(37,99,235,.08);
  color:#1d4ed8;
  padding:0.25rem 0.75rem;
  border-radius:40px;
  border:1px solid rgba(37,99,235,.15);
}

/* FORMS */

input,
textarea,
select{
  background:#ffffff;
  border:1.5px solid var(--tpl-border);
  border-radius:10px;
  padding:0.7rem 1rem;
  color:var(--tpl-text);
}

input:focus,
textarea:focus,
select:focus{
  border-color:var(--tpl-primary);
  outline:none;
  box-shadow:0 0 0 3px rgba(37,99,235,.15);
}

input::placeholder,
textarea::placeholder{
  color:#94a3b8;
}

/* FOOTER */

footer,
.site-footer{
  background:#0f172a;
  border-top:1px solid rgba(255,255,255,.08);
  color:#cbd5f5;
  padding:3rem 0;
}

footer a,
.site-footer a{
  color:#ffffff;
}

footer a:hover,
.site-footer a:hover{
  text-decoration:underline;
}

/* ACCENTS */

.divider{
  height:2px;
  background:linear-gradient(90deg, transparent, var(--tpl-primary), transparent);
  opacity:0.4;
  width:100px;
  margin:2rem auto;
}

.stat-number{
  color:var(--tpl-primary);
  line-height:1.2;
}

.stat-label{
  color:var(--tpl-text-soft);
  text-transform:uppercase;
  letter-spacing:0.4px;
}

/* SCROLLBAR */

::-webkit-scrollbar{
  width:10px;
  background:#f4f7fb;
}

::-webkit-scrollbar-thumb{
  background:#cbd5f5;
  border-radius:10px;
}

::-webkit-scrollbar-thumb:hover{
  background:var(--tpl-primary);
}

::selection{
  background:var(--tpl-primary);
  color:#fff;
}