body{
font-family: system-ui, -apple-system, Arial, sans-serif;
margin:0;
background:#f5f5f5;
color:#333;
line-height:1.7;
}

p{
margin:0 0 16px 0;
}

h1{
font-size:32px;
letter-spacing:0.5px;
}

h2{
font-size:26px;
margin-bottom:10px;
color:#1e3a5f;
}

h3{
font-size:18px;
}
.hero{
background:
linear-gradient(rgba(30,58,95,0.75), rgba(30,58,95,0.75)),
url("img/hero.jpg");
background-size:cover;
background-position:center;
text-align:center;
padding:70px 20px;
color:white;
max-width:900px;
margin:auto;
}
.hero-title{
margin-top:0;
font-size:32px;
}

.hero-subtitle{
opacity:0.85;
margin-bottom:10px;
}

.hero-title{
font-size:36px;
margin:0;
}

.categories{
font-size:22px;
margin:16px 0 24px 0;
}

.call-button{
display:inline-block;
background:#d4a017;
color:black;
padding:16px 30px;
font-weight:bold;
text-decoration:none;
border-radius:6px;
font-size:18px;
margin-top:10px;
}

.call-button:hover{
background:#c49414;
}

section{
max-width:900px;
margin:auto;
padding:60px 20px;
}

section h2{
margin-top:0;
}

header{
background:white;
padding:18px 0px;
}

.header-inner{
max-width:900px;
margin:auto;
display:flex;
align-items:flex-end;
gap:16px;
}

.logo{
height:70px;
width:auto;
}
.hero-title{
color:white;
font-size:32px;
margin-top:0;
margin-bottom:12px;
}
.header-text{
display:flex;
align-items:baseline;
gap:12px;
}

.header-text h1{
font-family: "Montserrat", Arial, sans-serif;
font-size:26px;
font-style:italic;
font-weight:700;
letter-spacing:1px;
margin:0;
}

.header-text span{
font-size:15px;
color:#555;
}

.advantages{
background:white;
}

.advantages-grid{
display:grid;
grid-template-columns:1fr 1fr;
gap:25px;
margin-top:20px;
}

.advantage{
background:white;
padding:22px;
border-radius:8px;
box-shadow:0 4px 14px rgba(0,0,0,0.06);
transition:transform 0.2s ease, box-shadow 0.2s ease;
}
.advantage:hover{
transform:translateY(-3px);
box-shadow:0 6px 20px rgba(0,0,0,0.08);
}
.advantage h3{
margin-bottom:8px;
color:#1e3a5f;
}

.advantage p{
margin:0;
font-size:15px;
}
.about-offer{
display:grid;
grid-template-columns:1fr 1fr;
gap:60px;
}

.offer ul{
padding-left:18px;
line-height:1.8;
}

.map-section iframe{
border-radius:6px;
margin-top:20px;
}

footer{
background:#222;
color:#ccc;
margin-top:60px;
line-height:1.2;
}

.footer-container{
max-width:900px;
margin:auto;
padding:6px 20px;
text-align:center;
font-size:14px;
line-height:1.2;
}

footer a{
color:#d4a017;
text-decoration:none;
}

footer a:hover{
text-decoration:underline;
}
footer p{
margin:0;
}

@media (max-width:800px){

.about-offer{
display:block;
}

.advantages-grid{
grid-template-columns:1fr;
}

}