/* EducationEyuboglu / WhyEyuboglu */

.banner { width: 100%; padding: 3rem 1.25rem 1.5rem; position: relative; overflow: hidden; margin: 6em auto 2em auto; }

    .banner::before { content: ''; position: absolute; inset: 0; pointer-events: none; opacity: 0.18; }

    .banner .heading { font-weight: 700; font-size: clamp(42px, 7vw, 84px); color: #fff; line-height: 1; letter-spacing: -0.02em; margin-bottom: 1em; opacity: 0; transform: translateY(20px); animation: fadeUp 0.7s ease forwards 0.1s; }

    .banner .content-row { display: grid; grid-template-columns: minmax(200px, 400px) 1fr; gap: 40px; align-items: start; opacity: 0; transform: translateY(20px); animation: fadeUp 0.7s ease forwards 0.35s; }

    .banner .body-text { font-size: clamp(21px, 3vw, 36px); color: var(--white); line-height: 1.4; font-weight: 400; max-width: 1200px; }

@keyframes fadeUp {
    to { opacity: 1; transform: translateY(0); }
}

@media (max-width: 640px) {
    .banner { padding: 2rem 1rem 1.5rem; }
}

.banner-bg { background-color: #232f60; }

.button,
.btn { display: inline-block; width: auto; margin-top: 1em; padding: 12px 22px; border: 2px solid #e85a5a; border-radius: 30px; color: #222; text-decoration: none; font-weight: 600; transition: 0.2s; align-self: flex-start; }

    .button:hover,
    .btn:hover { background: #e85a5a; color: white; }