Contact Us - Highway Police Maharashtra
body {
margin: 0;
font-family: 'Segoe UI', Arial, sans-serif;
background: #FFF8F0;
color: #2D2D2D;
height: 100vh;
display: flex;
flex-direction: column;
}
/* Container for two columns */
.container {
display: flex;
flex: 1;
width: 100%;
padding: 20px;
box-sizing: border-box;
}
.left-column, .right-column {
width: 50%;
padding: 20px;
box-sizing: border-box;
display: flex;
flex-direction: column;
}
.contact-card {
background: #fff;
border-radius: 18px;
box-shadow: 0 8px 32px rgba(230,81,0,0.18), 0 2px 6px rgba(0,0,0,0.1);
flex: 1;
overflow-y: auto;
padding: 20px;
}
.contact-item {
display: flex;
align-items: flex-start;
margin-bottom: 16px;
padding: 10px 12px;
border-radius: 12px;
background: #FFF8F0;
box-shadow: 0 2px 8px rgba(255,152,0,0.15);
transition: background 0.35s;
}
.contact-item:hover {
background: #FFE0B2;
}
.contact-icon {
color: #E65100;
font-size: 1.5em;
margin-right: 12px;
flex-shrink: 0;
margin-top: 2px;
}
.contact-text a {
color: #E65100;
text-decoration: none;
}
.contact-text a:hover {
text-decoration: underline;
}
.contact-text {
font-size: 1em;
line-height: 1.5;
}
.contact-title {
font-weight: 600;
color: #E65100;
margin-bottom: 4px;
}
/* Map adjustments */
.right-column {
justify-content: center; /* vertically center */
}
.map-container {
width: 100%;
height: 90%; /* reduce height by 10% */
border: none;
border-radius: 12px;
box-shadow: 0 6px 18px rgba(0,0,0,0.2);
}
