body{background-color:#fff;margin:0;font-family:Arial,sans-serif}h1{text-align:center;letter-spacing:3px;color:#000;margin:0 0 50px;padding-top:0;font-family:Poppins,sans-serif;font-size:40px;font-weight:600}h2{text-align:center;letter-spacing:1px;color:#000;margin:0;padding:10px;font-family:Outfit,sans-serif;font-size:28px;font-weight:400}.h1{margin:0}.hero{text-align:center;background:#fff;margin:40px}p{text-align:left;letter-spacing:0;color:#000;border-radius:20px;margin:0;padding:20px;font-family:Outfit,sans-serif;font-size:17px;line-height:1.7}.eyebrow{color:#6b7fd7;letter-spacing:.18em;text-transform:uppercase;margin-bottom:12px;font-size:13px;font-weight:700}.section{background-color:#e7e6e6;grid-template-columns:1fr 1fr;align-items:center;gap:48px;max-width:1200px;margin:100px auto;padding:10px;display:grid}.section2{background-color:#e7e6e6;grid-template-columns:1fr 1fr;gap:48px;max-width:1200px;margin:50px auto 40px;padding:10px;display:grid}.text{text-align:left;letter-spacing:0;color:#000;padding:40px;font-family:Outfit,sans-serif;font-size:17px;line-height:1.7}.subheading{margin-bottom:10px;font-size:22px;font-weight:700}.board{object-fit:scale-down;width:100%;height:520px;transform:rotate(270deg)}.about1{letter-spacing:.5px;text-align:left;background:#e7e6e6;margin-top:0;margin-left:200px;margin-right:200px;padding:60px 100px;font-family:Outfit,sans-serif;font-size:17px;line-height:1.7}.about2{letter-spacing:.5px;text-align:left;background:#fff;border:1px solid #ccc;margin-left:200px;margin-right:200px;padding:60px 100px;font-family:Outfit,sans-serif;font-size:17px;line-height:1.7}.learnmore{text-align:center;margin-top:30px}.learnmorebtn{color:#000;cursor:pointer;background-color:#3a63d4;border:none;padding:10px 20px;font-size:16px;text-decoration:none}.learnmorebtn:hover{color:#000;background-color:#d1e2fa}.contact-info{text-align:center;letter-spacing:0;margin:50px;padding-top:40px;font-family:Outfit,sans-serif;font-size:17px;line-height:1.7}.contactbackground{background:#e7e6e6;margin-left:100px;margin-right:100px;padding-bottom:50px}.contact-form form{background:#d1e2fa;border:1px solid #3a63d4;border-radius:10px;flex-direction:column;align-items:center;max-width:600px;margin:0 auto;padding:20px;display:flex}input,textarea{border:1px solid #ccc;border-radius:10px;width:500px;margin-bottom:15px;padding-top:12px;padding-bottom:12px;font-size:16px}.name-row{justify-content:center;gap:15px;width:500px;display:flex}.form-response{justify-content:center;display:flex}.submit-button{color:#fff;cursor:pointer;background-color:#3a63d4;border:none;border-radius:5px;padding:10px 20px;font-size:16px}@media (width<=768px){h1{letter-spacing:1.5px;margin-bottom:30px;font-size:30px}h2{padding:12px;font-size:22px}.hero{margin:20px}.section,.section2{grid-template-columns:1fr;gap:20px;margin:40px 15px}.text{padding:5px}.board{height:auto;max-height:0}.about1,.about2{margin-left:15px;margin-right:15px;padding:35px 25px;font-size:16px}.contactbackground{margin-left:15px;margin-right:15px;padding:20px}.contact-info{margin:20px;padding-top:20px}.contact-form form{max-width:100%;padding:20px}input,textarea{width:100%}.name-row{flex-direction:column;gap:0;width:100%}}body{background-color:#fff;margin:0}.navbar{background-color:#fff;border-bottom:1px solid #5b5c5f;justify-content:space-between;margin-top:0;margin-bottom:40px;padding:0 30px;display:flex;overflow:hidden}.nav-links a{letter-spacing:1.5px;color:#000;text-align:center;padding:20px 18px;font-family:Inter,sans-serif;font-size:15px;font-weight:bolder;text-decoration:none}.nav-links a:hover{color:#d1e2fa;border-radius:60px;padding:20px;text-decoration:none}.nav-links{align-items:center;gap:10px;display:flex}.logo-container{align-items:center;gap:12px;padding:0;display:flex}.logo-container:hover{background-color:#fff;padding:0;text-decoration:none}.logo{background-color:#d8edf5;max-width:25%;height:auto;margin-top:0;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}footer{color:#000;text-align:center;background-color:#d1e2fa;margin-top:100px;padding:10rem 1rem}.app{flex-direction:column;min-height:100vh;display:flex}.page-content{flex:1}*{box-sizing:border-box}@media (width<=768px){.navbar{flex-direction:column;align-items:center;margin-bottom:25px;padding:15px 10px}.logo{max-height:0}.nav-links{flex-wrap:wrap;justify-content:center;gap:5px;margin-top:10px}.nav-links a{padding:10px 8px;font-size:13px}.nav-links a:hover{padding:10px 8px}footer{margin-top:60px;padding:60px 20px;font-size:14px}}
