HMS SAUDI
.hms-header{
width:100%;
background:linear-gradient(135deg,#111,#252525,#090909);
padding:14px 30px;
display:flex;
align-items:center;
justify-content:space-between;
box-sizing:border-box;
box-shadow:0 10px 25px rgba(0,0,0,.35);
position:relative;
z-index:9999;
}
.hms-logo{
display:flex;
align-items:center;
gap:12px;
}
.hms-logo img{
width:55px;
height:55px;
object-fit:contain;
}
.hms-brand{
color:#fff;
font-size:22px;
font-weight:800;
}
.hms-brand span{
color:#f4ba19;
}
.hms-nav{
display:flex;
gap:25px;
align-items:center;
}
.hms-nav a{
color:white;
text-decoration:none;
font-weight:600;
}
.hms-nav a:hover{
color:#f4ba19;
}
.hms-btn{
background:#f4ba19;
color:#111 !important;
padding:10px 16px;
border-radius:8px;
}
.hms-menu{
display:none;
color:#fff;
font-size:30px;
cursor:pointer;
}
@media(max-width:768px){
.hms-header{
padding:12px 18px;
}
.hms-nav{
display:none;
position:absolute;
top:100%;
left:0;
width:100%;
background:#111;
flex-direction:column;
align-items:flex-start;
padding:20px;
}
.hms-nav.show{
display:flex;
}
.hms-menu{
display:block;
}
.hms-brand{
font-size:18px;
}
}
Home
About
Services
Projects
Contact
Get Quote
function hmsMenu(){
document.getElementById(“hmsNav”).classList.toggle(“show”);
}
hmssaudi.com 