* { margin:0; padding:0; box-sizing:border-box; font-family: Arial, sans-serif; }
body { line-height:1.6; color:#333; }

/* Header */
header {
    display:flex; justify-content:space-between; align-items:center;
    padding: 15px 40px; background-color:#0d253f; color:#fff;
}
.logo { display:flex; align-items:center; gap:10px; }
.logo span { font-size:1.5em; font-weight:bold; color:#fff; }
nav ul { display:flex; list-style:none; }
nav ul li { margin-left:20px; }
nav ul li a {
    color:#fff; text-decoration:none; padding:8px 12px;
    transition: background 0.3s;
}
nav ul li a:hover { background-color:#193b62; border-radius:4px; }
.cta { background-color:#ff7f50; border-radius:4px; }

/* Hero */
.hero { text-align:center; padding:50px 20px; background-color:#f5f8fa; }
.hero h1 { font-size:2.5rem; margin-bottom:10px; }
.hero-btn {
    display:inline-block; padding:10px 20px; background-color:#0d253f; color:#fff;
    text-decoration:none; border-radius:4px; margin-top:15px;
}
.hero-btn:hover { background-color:#193b62; }

/* Sections */
section { padding:40px 20px; max-width:1000px; margin:auto; }
section h2 { margin-bottom:15px; color:#0d253f; }

/* Horizontal Tabs */
.tabs-horizontal { display:flex; margin-bottom:16px; flex-wrap: wrap; }
.tabs-horizontal button {
    padding:8px 18px; background:#eee; border:none; border-bottom:2px solid transparent;
    cursor:pointer; margin-right:10px;
}
.tabs-horizontal button.active { border-bottom:2px solid #0d253f; background:#fff; }
.tab-content { display:none; }
.tab-content.active { display:block; }

/* Vertical Tabs */
.tabs-vertical { display:flex; align-items:flex-start; }
.tabs-list {
    display:flex; flex-direction:column; margin-right:25px;
}
.tabs-list button {
    padding:10px 20px; border:none; margin-bottom:4px;
    background:#eee; cursor:pointer; border-left:4px solid transparent; text-align:left;
}
.tabs-list button.active { background:#fff; border-left:4px solid #ff7f50; }
.tabs-content { flex:1; }
.vert-tab-content { display:none; }
.vert-tab-content.active { display:block; }

/* Resource List */
.resource-list { list-style:none; padding-left:0; }
.resource-list li { margin-bottom:18px; }

/* Testimonial Form */
#testimonial-form textarea {
    width:100%; margin:7px 0; border-radius:4px; border:1px solid #ccc;
}
#testimonial-form button {
    background:#0d253f; color:#fff; border:none; border-radius:4px;
    padding:7px 14px; cursor:pointer;
}

/* Footer */
footer { background:#0d253f; color:#fff; }
.footer-container {
    display:flex; justify-content:space-between; padding:30px 40px; flex-wrap:wrap;
}
.footer-container div { flex:1; min-width:200px; margin-bottom:20px; }
.footer-container h3 { margin-bottom:12px; }
.footer-container ul { list-style:none; }
.footer-container ul li a {
    color:#ddd; text-decoration:none; font-size:0.9rem;
}
.footer-container ul li a:hover { text-decoration:underline; }
.footer-bottom {
    background-color:#091a2c; text-align:center; padding:10px; font-size:0.85rem;
}
