@charset "utf-8";
/* ================================
   GLOBAL
================================ */

img{
max-width:100%;
height:auto;
}

.page-container{
max-width:1100px;
margin:auto;
padding:20px;
font-family:Arial, Helvetica, sans-serif;
}


/* ================================
   HEADER BAR
================================ */

.header-bar{
display:flex;
justify-content:space-between;
align-items:center;
flex-wrap:wrap;
padding:10px;
max-width:980px;
margin:auto;
}

/* LOGO */

.site-logo{
max-width:100%;
height:auto;
}


/* ================================
   NAVIGATION ICON BAR
================================ */

#nav-blk{
display:flex;
justify-content:center;
align-items:center;
gap:18px;
background:#ffffff;
padding:10px;
border-top:3px solid #0047ab;
border-bottom:3px solid #0047ab;
box-shadow:0 2px 6px rgba(0,0,0,0.15);
flex-wrap:wrap;
}

/* icon container */

.tch-line{
width:40px;
height:40px;
display:flex;
align-items:center;
justify-content:center;
position:relative;
}

/* icons */

#nav-blk img{
max-width:40px;
max-height:40px;
object-fit:contain;
cursor:pointer;
transition:transform .2s ease;
}

/* hover */

#nav-blk img:hover{
transform:scale(1.15);
}


/* ================================
   DROPDOWNS
================================ */

.dropdown-content,
.dropdown-content1{
display:none;
position:absolute;
top:50px;
background:#ffffff;
min-width:200px;
border:1px solid #ddd;
box-shadow:0 4px 12px rgba(0,0,0,0.15);
z-index:1000;
}

.dropdown-content a,
.dropdown-content1 a{
display:block;
padding:10px;
color:#333;
text-decoration:none;
}

.dropdown-content a:hover,
.dropdown-content1 a:hover{
background:#f1f1f1;
}

/* show dropdown */

#vid-img:hover .dropdown-content1,
#lgin:hover .dropdown-content{
display:block;
}


/* ================================
   CITY PAGE
================================ */

.city-hero{
margin-bottom:30px;
}

.city-hero h1{
font-size:34px;
color:#0a4a8a;
margin-bottom:10px;
}

.city-hero p{
font-size:18px;
color:#333;
line-height:1.6;
}


/* ================================
   SERVICES
================================ */

.services-box{
background:#f4f7fb;
padding:25px;
border-radius:8px;
margin-bottom:30px;
}

.services-box h2{
margin-bottom:15px;
color:#0a4a8a;
}

.services-box ul{
columns:2;
font-size:16px;
}

.services-box li{
margin-bottom:8px;
}


/* ================================
   MAP
================================ */

.map-box{
margin-bottom:30px;
}

.map-box iframe{
width:100%;
height:380px;
border:0;
border-radius:6px;
}


/* ================================
   NEARBY CITIES
================================ */

.nearby-cities{
columns:2;
margin-top:15px;
}

.nearby-cities li{
margin-bottom:6px;
}

.nearby-cities a{
color:#1d77d2;
text-decoration:none;
}

.nearby-cities a:hover{
text-decoration:underline;
}


/* ================================
   GUIDES
================================ */

.insurance-guides{
margin-top:40px;
}

.guide-grid{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(260px,1fr));
gap:20px;
margin-top:15px;
}

.guide-card{
background:#f6f9fc;
padding:20px;
border-radius:8px;
}

.guide-card h3{
margin-bottom:10px;
font-size:18px;
color:#0a4a8a;
}

.guide-card a{
display:inline-block;
margin-top:10px;
color:#1d77d2;
text-decoration:none;
font-weight:bold;
}


/* ================================
   QUOTE BOX
================================ */

.quote-box{
background:#eef5ff;
padding:25px;
text-align:center;
border-radius:8px;
margin-top:40px;
}

.quote-btn{
display:inline-block;
margin-top:15px;
padding:14px 28px;
background:#1d77d2;
color:white;
font-size:18px;
border-radius:6px;
text-decoration:none;
}

.quote-btn:hover{
background:#125fa8;
}


/* ================================
   MOBILE STYLES
================================ */

@media (max-width:768px){


.page-container{
padding:12px;
}

.header-bar{
flex-direction:column;
text-align:center;
}

#nav-blk{
gap:12px;
}

#nav-blk img{
max-width:28px;
}

.services-box ul{
columns:1;
}

.nearby-cities{
columns:1;
}

.map-box iframe{
height:260px;
}

.city-hero h1{
font-size:26px;
}

.city-hero p{
font-size:16px;
}

}
.contact-actions{
display:flex;
justify-content:center;
gap:10px;
margin:15px 0;
flex-wrap:wrap;
}

.action-btn{
padding:8px 16px;
border-radius:6px;
font-size:14px;
font-weight:bold;
text-decoration:none;
color:white;
transition:opacity .2s;
}

.action-btn:hover{
opacity:.85;
}

.call-btn{
background:#0b7a29;
}

.text-btn{
background:#0077cc;
}

.email-btn{
background:#555;
}

.privacy-btn{
background:#1d77d2;
}
.city-content{
max-width:900px;
margin:auto;
padding:20px 0;
line-height:1.6;
color:#333;
}

.city-content h1{
font-size:34px;
color:#0a4a8a;
margin-bottom:15px;
}

.city-content h2{
margin-top:35px;
font-size:24px;
color:#0a4a8a;
border-bottom:2px solid #e5e5e5;
padding-bottom:6px;
}

.city-content h3{
margin-top:20px;
font-size:18px;
color:#333;
}

.city-content p{
margin-bottom:15px;
font-size:17px;
}

.city-content ul{
margin-left:20px;
margin-bottom:20px;
}

.city-content li{
margin-bottom:8px;
}