/* ===== COMMON SIDEBAR STYLE ===== */
.all-services-panel{
  width:260px;
  background:#fff;
  border-left:3px solid #0f2a52;
  box-shadow:-4px 0 12px rgba(0,0,0,0.08);
}

.panel-title{
  background:#0f2a52;
  color:#fff;
  padding:16px 17px;
  font-weight:700;
}

.panel-links a{
  display:block;
  padding:10px 16px;
  border-bottom:1px solid #eee;
  color:#073235;
  text-decoration:none;
}
.panel-links a:hover{
  background:#f0f7f7;
  padding-left:22px;
}

.panel-links .highlight{
  background:#ffe600;
  font-weight:700;
  margin:10px;
  text-align:center;
  border-radius:4px;
}

/* ===== FIXED SIDEBAR (HOME ONLY) ===== */
body.has-fixed-sidebar .all-services-panel{
  position:fixed;
  right:0;
  top: 8px;
height: calc(100vh - 9px);
  overflow-y:auto;
  z-index:1200;
}

body.has-fixed-sidebar{
  padding-right:255px;
}

/* ===== NORMAL SIDEBAR (BLOG / INNER PAGES) ===== */
body:not(.has-fixed-sidebar) .all-services-panel{
  position:relative;
  height:auto;
  box-shadow:0 4px 14px rgba(0,0,0,0.08);
}

/* MOBILE */
@media(max-width:900px){
  .all-services-panel{
    position:relative!important;
    width:100%;
    height:auto;
  }
  body.has-fixed-sidebar{
    padding-right:0;
  }
}