body{margin:0;font-family:Arial,sans-serif;line-height:1.6}
.container{max-width:1200px;margin:auto;padding:60px 20px}
header{background:#111;color:#fff}
.nav{display:flex;justify-content:space-between;align-items:center;padding:20px}
.logo{font-size:28px;font-weight:bold}
.hero{height:70vh;background:url('images/hero.jpg') center/cover;position:relative;display:flex;align-items:center;justify-content:center;text-align:center;color:#fff}
.overlay{position:absolute;inset:0;background:rgba(0,0,0,.5)}
.hero-content{position:relative;z-index:2}
.btn{background:#c62828;color:#fff;padding:14px 24px;text-decoration:none;border-radius:6px}
.trust{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:15px;text-align:center}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px}
.card{background:#f3f3f3;padding:30px;border-radius:10px}
.gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:15px}
.gallery img{width:100%;border-radius:10px}
footer{background:#111;color:#fff;text-align:center;padding:20px}
.nav-buttons{
    display:flex;
    gap:15px;
    align-items:center;
}

.secondary-btn{
    background:#333;
}

.secondary-btn:hover{
    background:#555;
}

@media (max-width:768px){

    .nav{
        flex-direction:column;
        gap:15px;
    }

    .nav-buttons{
        flex-direction:column;
        width:100%;
    }

    .nav-buttons a{
        width:100%;
        text-align:center;
    }

}