body{margin:0;font-family:Times New Roman;background-color:#fff;color:#000}#logo{width:300px;height:100px;border-radius:20px;margin:20px}header{background-color:#000;text-align:center;display:flex;align-items:center;flex-direction:horizontal;justify-content:space-between;height:150px}.heading{display:flex;justify-content:center;width:100%}.heading h1{text-align:center;padding-left:20px;font-size:50px}nav ul{list-style:none;padding:0 10px 0 0;margin-top:10px;display:flex;justify-content:center;gap:20px}nav a{color:#fff;text-decoration:none;font-weight:700;transition:color .3s}nav a:hover{color:#f80101}.hero{background-color:#fff;padding:100px 20px;text-align:center}.hero h2{font-size:2.5em;margin-bottom:20px}.hero p{font-size:1.2em;margin-bottom:30px}.btn{background-color:#8b0000;color:#fff;padding:12px 24px;border:none;text-decoration:none;font-size:1em;border-radius:4px;transition:background .3s}.btn:hover{background-color:#f44}section{padding:60px 20px;max-width:1100px;margin:auto}h2{color:#f44;font-size:2em;margin-bottom:20px}.about-container{display:flex;flex-wrap:wrap;gap:30px;align-items:center}.about-container img{height:300px;flex:1 1 45%;max-width:100%;border-radius:8px}.about-container .about-text{flex:1 1 50%}.service-item{background:#fff;padding:20px;margin-bottom:15px;border-left:5px solid #8B0000;transition:transform .3s,background .3s}.service-item:hover{transform:scale(1.02);background:#ff0101}.hero-img{max-width:500px;width:100%;margin:30px auto;display:block;border-radius:10px}.footer{background-color:#000;color:#fff;padding:20px 40px;display:flex;justify-content:center}.footer a{color:#fff;text-decoration:none;margin:0 5px;transition:color .3s ease,text-decoration .3s ease}.footer a:hover{color:red;text-decoration:underline}@media (max-width: 768px){header{flex-direction:column;align-items:flex-start}.heading{justify-content:center;margin-bottom:10px}nav{justify-content:center;width:100%}.heading h1{font-size:2rem;text-align:center}.about-container{flex-direction:column}.hero h2{font-size:1.8rem}.hero p{font-size:1em}}@media (max-width: 480px){.btn{width:100%;padding:14px;font-size:1.1em}.heading h1{font-size:1.5rem}nav ul{flex-direction:column;align-items:center;gap:10px}section{padding:40px 15px}#logo{width:150px;margin:10px auto}}