/* Body */
    body { font-family: Arial, Helvetica, sans-serif; background: #f8f9fb; color: #222; line-height: 1.6; }

/* Contact */
    .contact { padding: 70px 80px; background: #f8f9fb; }
    .contact-form { max-width: 800px; margin: 0 auto; display: flex; flex-direction: column; gap: 24px; }
    .contact-form input,
    .contact-form textarea { width: 100%; padding: 18px; border: 1px solid #ddd; border-radius: 10px; font-size: 17px; font-family: Arial, Helvetica, sans-serif; transition: 0.3s; }
    .contact-form input:focus,
    .contact-form textarea:focus { outline: none; border-color: #0b3d91; box-shadow: 0 0 0 4px rgba(11,61,145,0.12); }
    .contact-form button { border: none; cursor: pointer; padding: 18px 36px; border-radius: 10px; font-size: 18px; font-weight: 700; background: #0b3d91; color: white; transition: 0.3s; }
    .contact-form button:hover { background: #072d6c; box-shadow: 0 8px 20px rgba(11,61,145,0.25); transform: translateY(-2px); }

/* Footer */
    footer { padding: 20px 20px 12px; background: #0b3d91; color: white; text-align: center; }
    footer a { color: white; text-decoration: none; opacity: 0.9; transition: 0.3s; }
    footer a:hover { opacity: 1; text-decoration: underline; }
    footer h3 { font-size: 24px; font-weight: 800; margin: 0; text-align: left; }
    footer h4 { font-size: 13px; margin: 0 0 6px; }
    footer li { margin: 3px 0; font-size: 13px; }
    footer p { font-size: 15px; line-height: 1.6; color: rgba(255,255,255,0.8); margin: 0; }
    footer ul { list-style: none; margin: 0; padding: 0; }
    footer .primary-button { margin-top: 6px; padding: 8px 18px; min-width: 0; font-size: 13px; }
    .footer-bottom { border-top: 1px solid rgba(255,255,255,0.2); margin-top: 10px; padding-top: 8px; font-size: 12px; text-align: center; }
    .footer-brand { display: flex; align-items: center; gap: 16px; }
    .footer-content { display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; gap: 40px; max-width: 1200px; margin: 0 auto; text-align: left; }
    .footer-content p { max-width: 420px; text-align: center; margin: 0; }
    .footer-content .primary-button { white-space: nowrap; }
    .footer-logo { display: block; height: 70px; width: auto; margin: 0; }
    

    @media (max-width: 768px) {
    footer { padding: 16px 20px 10px; }
    .footer-content { display: grid; grid-template-columns: 1.5fr 1fr 1fr; gap: 40px; max-width: 1200px; margin: 0 auto; text-align: left; align-items: start; }
  }

* Founder */
    .founder { padding: 70px 80px; background: #f8f9fb; }
    .founder-content { max-width: 750px; margin: 0 auto; }
    .founder-content p { color: #444; font-size: 17px; margin-bottom: 20px; }  
    

/* Hero */
    .hero { display: grid; grid-template-columns: 48% 52%; align-items: center; min-height: 510px; padding: 50px 60px 20px; background: linear-gradient(135deg, #0b3d91 0%, #1565c0 100%); overflow: hidden; }
    .hero-content { max-width: 680px; text-align: left; }
    .hero h1 { font-size: clamp(28px, 2.5vw, 38px); font-weight: 800; line-height: 1.15; color: #ffffff; margin: 0 0 24px; }
    .hero p { max-width: 650px; margin: 0 0 26px; font-size: 18px; line-height: 1.5; color: rgba(255,255,255,0.9); }
    .hero-buttons { display: flex; flex-direction: column; align-items: center; width: fit-content; gap: 12px; margin-top: 0; }
    .hero-buttons-row { display: flex; gap: 14px; }
    .hero-image { width: 100%; display: flex; align-items: center; justify-content: center; }
    .hero-image img { display: block; width: 110%; max-width: 790px; height: auto; }
    .primary-button, .secondary-button { display: inline-block; min-width: 180px; padding: 14px 30px; border-radius: 10px; font-size: 17px; font-weight: 700; text-decoration: none; text-align: center; transition: all 0.25s ease; }
    .primary-button { background: #ffffff; color: #0b3d91; }
    .primary-button:hover { transform: translateY(-3px); }
    .secondary-button { border: 2px solid #ffffff; color: #ffffff; }
    .secondary-button:hover { background: rgba(255,255,255,0.12); transform: translateY(-3px); }

/* Navigation */
    nav { display: flex; justify-content: space-between; align-items: center; padding: 18px 60px; background: white; box-shadow: 0 2px 15px rgba(0,0,0,0.08); position: sticky; top: 0; z-index: 1000; }
    .logo { display: flex; align-items: center; }
    .logo a { display: flex; align-items: center; text-decoration: none; }
    .logo img { display: block; height: 60px; width: auto; }
    .logo-text { display: flex; flex-direction: column; line-height: 0.9; margin-left: 6px; }
    .logo-line1 { color: #0b3d91; font-size: 25px; font-weight: 800; letter-spacing: -0.5px; }
    .logo-line2 { color: #0b3d91; font-size: 25px; font-weight: 800; letter-spacing: -0.5px; }
    .nav-button { background: #0b3d91; color: white; text-decoration: none; padding: 14px 28px; border-radius: 8px; font-weight: 700; transition: 0.3s; }
    .nav-button:hover { background: #072d6c; transform: translateY(-2px); }
    .nav-links { display: flex; align-items: center; gap: 30px; list-style: none; }
    .nav-links a { text-decoration: none; color: #222; font-size: 17px; font-weight: 600; transition: color 0.3s; }
    .nav-links a:hover { color: #0b3d91; }    

/* Portfolio */
    .portfolio { padding: 70px 80px; background: white; }
    .portfolio-card { background: #f8f9fb; padding: 40px; border-radius: 18px; box-shadow: 0 12px 35px rgba(0,0,0,0.08); display: flex; flex-direction: column; height: 100%; transition: 0.3s; text-align: center; }
    .portfolio-card:hover { transform: translateY(-8px); box-shadow: 0 18px 45px rgba(0,0,0,0.12); }
    .portfolio-card h3 { font-size: 28px; color: #0b3d91; margin-bottom: 18px; }
    .portfolio-card p { color: #555; font-size: 17px; line-height: 1.7; margin-bottom: 30px; }
    .portfolio-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(320px, 1fr)); gap: 35px; max-width: 1300px; margin: 0 auto; align-items: stretch; }
    .portfolio-image-placeholder { width: 100%; height: 160px; background: #e2e6ed; border-radius: 12px; display: flex; align-items: center; justify-content: center; color: #888; font-size: 14px; margin-bottom: 20px; }
    .portfolio-image { width: 100%; max-height: 220px; object-fit: contain; background: #f0f2f5; border-radius: 12px; margin-bottom: 20px; display: block; }
    .portfolio-image-logo { height: 160px; width: auto; margin: 0 auto 20px; object-fit: contain; }

/* Portfolio Buttons */
    .portfolio-card .secondary-button { color: #0b3d91; border: 2px solid #0b3d91; margin-top: auto; padding: 14px 30px; font-size: 16px; min-width: 200px; align-self: center; }
    .portfolio-card .secondary-button:hover { background: #0b3d91; color: white; box-shadow: 0 8px 20px rgba(11,61,145,0.25); }

/* Reset */
    * {margin: 0; padding: 0; box-sizing: border-box; }    

/* Pricing */
    .price { font-size: 26px; font-weight: 800; color: #222; margin-bottom: 10px; }
    .services-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 16px; max-width: 1200px; margin: 0 auto; justify-content: center; }
    .section-heading { text-align: center; max-width: 750px; margin: 0 auto 40px; }
    .section-heading h2 { font-size: 52px; font-weight: 800; color: #0b3d91; margin-bottom: 20px; }
    .section-heading p { font-size: 20px; color: #555;}
    .services { padding: 0px 80px 70px; background: #f8f9fb; }
    .service-card { background: white; padding: 20px; border-radius: 14px; box-shadow: 0 12px 35px rgba(0,0,0,0.08); display: flex; flex-direction: column; height: 100%; transition: 0.3s; }
    .service-card:hover { transform: translateY(-8px); box-shadow: 0 18px 45px rgba(0,0,0,0.12); }
    .service-card h3 { font-size: 18px; color: #0b3d91; margin-bottom: 8px; }
    .service-card p { color: #555; font-size: 13px; margin-bottom: 12px; line-height: 1.4; }
    .service-card ul { list-style: none; }
    .service-card li { margin-bottom: 6px; color: #444; font-size: 13px; }
    .subsection-heading { text-align: center; font-size: 28px; font-weight: 800; color: #0b3d91; margin: 50px 0 30px; }

/* Thank You */
    .thank-you { min-height: 60vh; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; padding: 100px 20px; background: #f8f9fb; }
    .thank-you h1 { font-size: 42px; font-weight: 800; color: #0b3d91; margin-bottom: 20px; }
    .thank-you p { font-size: 18px; color: #444; max-width: 550px; margin: 0 0 12px; }
    .thank-you .primary-button { background: #0b3d91; color: white; margin-top: 30px; }
    .thank-you .primary-button:hover { background: #072d6c; }