/* Reset & Global Styles */
* { margin:0; padding:0; box-sizing:border-box; font-family:'Roboto', sans-serif; }
body { line-height:1.6; color:#333; }
.container { width:90%; max-width:1200px; margin:auto; }

/* Header */
header { background:#1E3A8A; color:#fff; padding:15px 0; position:sticky; top:10; z-index:1000; }
header .logo { font-size:24px; font-weight:bold; }
header nav ul { list-style:none; display:flex; gap:20px; justify-content:flex-end; }
header nav ul li a { color:#fff; text-decoration:none; transition:0.3s; }
header nav ul li a:hover { color:#FACC15; }

/* Hero */

.hero {
    background: url('aktechimage1.png') no-repeat center top / cover;
    min-height: 100vh;
    height: auto;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    text-align: center;
    padding: 75px 20px 60px;
    position: relative;}

.hero-content h1 {
    font-size: 28px;
    font-weight: 700;
    margin-bottom: 15px;
}

.hero-content p {
    font-size: 20px;
    margin-bottom: 30px;
    line-height: 1.2;
}

.btn {
    background: #FACC15;
    color: #1E3A8A;
    padding: 12px 30px;
    text-decoration: none;
    font-weight: bold;
    border-radius: 5px;
    transition: 0.3s;
}

.btn:hover {
    background: #e6b600;
}

.hero-bottom-tagline {
    position: absolute;
    bottom: 20px;
    left: 50%;
    transform: translateX(-50%);
    font-size: 32px;   /* bigger */
    font-weight: 800;  /* extra bold */
    opacity: 0.98;
}

/* Sections */
section { padding:80px 0; }
.about { text-align:center; background:#f5f5f5; }
.about h2 { font-size:36px; margin-bottom:20px; }

/* Services */
.services h2, .why-us h2, .contact h2 { text-align:center; font-size:36px; margin-bottom:40px; }
.service-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(250px,1fr)); gap:20px; }
.service-card { background:#fff; padding:30px; border-radius:10px; box-shadow:0 5px 15px rgba(0,0,0,0.1); transition:0.3s; text-align:center; }
.service-card i { color:#1E3A8A; margin-bottom:15px; }
.service-card:hover { transform:translateY(-10px); }

/* Why Choose Us */
.why-us { background:#1E3A8A; color:#fff; text-align:center; }
.features { display:grid; grid-template-columns:repeat(auto-fit,minmax(250px,1fr)); gap:20px; }
.feature { background:#2745A0; padding:30px; border-radius:10px; }
.feature i { margin-bottom:10px; color:#FACC15; }

/* Contact */
.contact { text-align:center; }
.contact-form { display:flex; flex-direction:column; gap:15px; max-width:600px; margin:20px auto 0 auto; }
.contact-form input, .contact-form textarea { padding:15px; border-radius:5px; border:1px solid #ccc; width:100%; }
.contact-form button { background:#1E3A8A; color:#fff; padding:15px; border:none; border-radius:5px; font-weight:bold; cursor:pointer; transition:0.3s; }
.contact-form button:hover { background:#16306b; }
.map-container { margin-top:30px; border-radius:10px; overflow:hidden; }

/* Footer */
footer { background:#111; color:#fff; text-align:center; padding:20px 0; }
footer .social a { color:#FACC15; text-decoration:none; margin:0 10px; transition:0.3s; }
footer .social a:hover { color:#fff; }

/* Animations */
.animate { opacity:0; transform:translateY(50px); transition:all 1s ease-out; }
.fade-in { opacity:1; transform:translateY(0); }

.logo .since {
    font-size: 0.5em;  /* smaller than main text */
}

/* Responsive */
@media(max-width:768px) { header nav ul { flex-direction:column; gap:10px; } .hero-content h1 { font-size:32px; } }


.about {
    padding: 50px 0;
    background: #f9fafb;
}

.about .container {
    max-width: 900px;   /* tighter content width */
    margin: 0 auto;
}

.about h2 {
    text-align: center;  /* keep heading centered */
    margin-bottom: 20px;
}

.about p {
    text-align: left;    /* FIX: left align text */
    margin-bottom: 15px;
    line-height: 1.7;
}

.about ul {
    text-align: left;     /* FIX: left align list */
    margin: 15px 0;
    padding-left: 20px;   /* proper bullet spacing */
}

.about ul li {
    margin-bottom: 10px;
    line-height: 1.6;
}