/*
Theme Name: Denklem Koçu Academist Child
Theme URI: http://academist.elated-themes.com
Description: A child theme of Academist Theme
Author: Elated Themes
Author URI: http://themeforest.net/user/elated-themes
Version: 1.0.0
Text Domain: academist
Template: academist
*/

:root {
  --dk-ink: #10213d;
  --dk-blue: #2563eb;
  --dk-teal: #14b8a6;
  --dk-rose: #f43f8e;
  --dk-amber: #f59e0b;
}

body {
  color: var(--dk-ink);
}

.eltdf-page-header .eltdf-menu-area,
.eltdf-sticky-header {
  border-bottom: 1px solid rgba(16, 33, 61, .08);
}

.eltdf-main-menu > ul > li > a,
.eltdf-mobile-header .eltdf-mobile-nav a {
  letter-spacing: 0;
}

.eltdf-btn.eltdf-btn-solid,
.eltdf-course-price,
.eltdf-course-single-holder .eltdf-course-action {
  background-color: var(--dk-blue);
  border-color: var(--dk-blue);
}

.dk-hero {
  padding: 92px 0 78px;
  background: linear-gradient(135deg, #f8fbff 0%, #eefaff 52%, #fff7ed 100%);
}

.dk-hero h1 {
  max-width: 820px;
  margin: 0 auto 20px;
  color: var(--dk-ink);
  font-size: clamp(38px, 5vw, 72px);
  line-height: 1.02;
  letter-spacing: 0;
  text-align: center;
}

.dk-hero p {
  max-width: 760px;
  margin: 0 auto 30px;
  color: #42536a;
  font-size: 19px;
  line-height: 1.7;
  text-align: center;
}

.dk-hero-actions,
.dk-card-grid {
  display: flex;
  flex-wrap: wrap;
  gap: 14px;
  justify-content: center;
}

.dk-pill {
  display: inline-flex;
  align-items: center;
  min-height: 46px;
  padding: 0 20px;
  border-radius: 999px;
  background: #fff;
  box-shadow: 0 12px 32px rgba(16, 33, 61, .10);
  color: var(--dk-ink);
  font-weight: 800;
}

.dk-section {
  padding: 76px 0;
}

.dk-section h2 {
  color: var(--dk-ink);
  font-size: clamp(30px, 3vw, 46px);
  letter-spacing: 0;
}

.dk-card-grid {
  align-items: stretch;
}

.dk-card {
  flex: 1 1 250px;
  max-width: 360px;
  padding: 28px;
  border: 1px solid rgba(16, 33, 61, .10);
  border-radius: 10px;
  background: #fff;
  box-shadow: 0 18px 48px rgba(16, 33, 61, .09);
}

.dk-card b {
  display: block;
  margin-bottom: 10px;
  color: var(--dk-blue);
  font-size: 18px;
}

.dk-card p {
  margin: 0;
  color: #55657a;
  line-height: 1.65;
}