body{
margin:0;
font-family:sans-serif;
background:#000;
color:#fff;
}
.menu-bar {
    background-color: rgb(226, 160, 18);
    text-align: center;
    /*float: inline-end;*/
    font-size: larger;
}

.menu-bar ul {
    display: inline-flex;
    list-style: none;
}

.menu-bar ul li {
    
    margin: 2px;
    padding: 10px 15px;
    border-right: 2px solid rgba(0, 0, 0, 0.2);
    border-left: 2px solid rgba(0, 0, 0, 0.2);
    display: inline-block;
}

.menu-bar ul li a {
    text-decoration: none;
    color: white;
}

.menu-bar ul li:hover {
    background-color: rgb(0, 0, 0);
    border-radius: 3px;
}

.profile-container {
    display: flex;
    justify-content: center;
    margin-top: 30px;
    margin-bottom: -90px;
    position: relative;
    z-index: 10;
}

.progile-img {
    width: 180px;
    height: 180px;
    border-radius: 50%;
    object-fit: cover;
    border: 4px solid #fff;
}

.hero{
padding: 80px 20px;
display:flex;
flex-direction:column;
justify-content:center;
align-items:center;
text-align:center;
background:linear-gradient(rgba(0,0,0,0.7),rgba(0,0,0,0.9)),
url(image/bil1.jpg);
background-size:cover;
background-position: center;
background-repeat: no-repeat;
min-height: auto;
}

.hero h1{
font-size:48px;
color:#facc15;
}

.services{
padding:1px 20px;
text-align:center;
}

.grid{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(250px,1fr));
gap:20px;
}

.card{
background:#111;
border:1px solid #facc15;
border-radius:15px;
overflow:hidden;
transition:0.3s;
}

.card:hover{
transform:scale(1.05);
box-shadow:0 0 20px #facc15;
}

.card img{
width:100%;
height:180px;
object-fit:cover;
}
.map-wrapper {
    display: flex;
    justify-content: center; 
}

.map-title {
text-align: center;
}

.about{
padding:50px;
margin-top: 30px;
background:#111;
text-align:center;
}

.contact{
padding:40px;
text-align:center;
}
.social-contact a {
    display: flex;
    align-items: center;
    gap: 10px;
    text-decoration: none;
    color: #fff;
    margin: 12px 0;
}

.social-contact i {
    font-size: 25px;
}
footer{
background:#000;
padding:20px;
text-align:center;
border-top:1px solid #facc15;
}