html, body{
  margin: 0;
  padding: 0;
}


.header{
  background:#000;
  padding:14px 40px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  flex-wrap:wrap;
}

.header-left{
  display:flex;
  align-items:center;
  gap:12px;
}

.logo img{
  height:42px;
}

.header-left h2{
  color:#fff;
  font-size:16px;
  font-weight:600;
  margin:0;
}

.header-right{
  display:flex;
  align-items:center;
  gap:18px;
}

.header-right a{
  color:#fff;
  text-decoration:none;
  font-size:14px;
  opacity:.9;
}

.header-right a:hover{opacity:1}

.call-btn{
  background:#ffa726;
  padding:8px 16px;
  border-radius:20px;
  font-weight:600;
  color:#fff !important;
}
.logo a{
  display:flex;
  align-items:center;
}
.logo img{
  cursor:pointer;
}


@media(max-width:900px){
  .header-left h2{display:none;}
}

@media(max-width:768px){
  .header-right{
    margin-top:10px;
    flex-wrap:wrap;
    gap:12px;
  }
}