/* Professional overrides on top of the Colorlib template. Edit here, leave style.css alone. */
:root { --accent: #4f8cff; --muted: #9aa3b2; }
body, h1, h2, h3, h4, h5, p, a, button { font-family: "Inter", -apple-system, "Segoe UI", Roboto, Arial, sans-serif !important; }
body { line-height: 1.7; }
a { transition: color .2s; }
a:hover { color: var(--accent); }

/* hero: calmer, title-first */
.owl-carousel.home-slider .slider-item .slider-text h1 { text-transform: none; letter-spacing: -1px; font-size: 72px; font-weight: 700; }
.owl-carousel.home-slider .slider-item .slider-text p button.scroll { text-transform: none; letter-spacing: .5px; font-size: 20px; font-weight: 400; color: var(--muted); }
@media (max-width: 991.98px) { .owl-carousel.home-slider .slider-item .slider-text h1 { font-size: 44px; } }

/* headings and spacing */
.about-desc h1.bold-text { letter-spacing: 0; }
.heading-section span { text-transform: uppercase; letter-spacing: 3px; font-size: 13px; color: var(--accent); }
.exp h2, .about-desc h2 { letter-spacing: -.5px; font-weight: 600; }

/* experience and education rows */
.exp-wrap { border-bottom: 1px solid rgba(255,255,255,.1); }
.exp-wrap .desc h4 { font-size: 20px; font-weight: 600; }
.exp-wrap .desc h4 span { color: var(--accent); font-weight: 500; }
.exp-wrap .desc .location, .exp-wrap .year p { color: var(--muted); font-size: 15px; }
.exp-wrap .year { text-align: right; }

/* projects and footer */
.block-3 .text .subheading { color: var(--accent); text-transform: uppercase; letter-spacing: 2px; font-size: 13px; }
.ftco-footer { padding: 5em 0; }
.ftco-footer p { color: var(--muted); font-size: 14px; }

/* optional bullet points under each job */
.exp-wrap .highlights { margin: 12px 0 0; padding-left: 18px; color: #c9ced6; font-size: 15px; }
.exp-wrap .highlights li { margin-bottom: 6px; }