/*.......... Header-CSS............... */
   /* Margin for desktop version */
   @media (min-width: 992px) {
      .space{
          margin-left: 80px;
          margin-right: 80px;
      }
  }
  
  /* No margin for mobile version */
  @media (max-width: 991px) {
      /* No margin for the grid in mobile view */
      .space {
          margin-left: 0;
          margin-right: 0;
      }
  }
  
  .space{
      margin-bottom: 25px;
  }
  
    /* Style for the sidebar */
    .sidebar {
      border-right: 1px solid #dbdbdb; /* Dotted border on the right side */
      padding-right: 15px; /* Add some padding to separate content from the border */
  }
  
  /* Style for the sidebar items */
  .sidebar ul {
      list-style: none; /* Remove list bullets */
      padding-left: 50px; /* Remove default padding */
      padding-top: 10px;
  }
  
  .sidebar li {
      padding: 10px 0; /* Add some vertical spacing between items */
      list-style-type: none;
      border-bottom: 2px dotted #dbdbdb;
      font-size: small;
      font-weight: 500;
  }
  
  .sidebar li a{
      text-decoration: none;
      color: black;
  }
  
  @media (max-width: 991px) {
      .sidebar ul{
          padding-left: 0;
          list-style: none;
      }
      
  }
  
  .part2-content{
      margin: -15px 25px 0 -10px;
      
  }
  
  @media (max-width: 991px){
      .part2-content{
          margin: 0px;
          
      }
  }
  
  .sidebar .active{
      font-weight:bold;
  }
  
  .part2-heading{
      font-size: small;
      color: #555;
  }
  
  .part2-heading a{
      font-size: small;
      color: #555;
  }
  
  .part2-heading a:hover{
      text-decoration: none;
      color:#e5e5e5;
  }
  
  
  
    @media only screen and (max-width: 991px) {
      .blog-posts .post {
        margin-bottom: 30px;
      }
    }