/* Flex container to split tabs and content */


  /* Sidebar - 2 columns width */
  .sidebar {
    flex-basis: 16.67%; /* Equivalent to col-2 in a 12-column grid */
    background-color: #f4f4f4;
    padding: 20px;
    display: flex;
    flex-direction: column;
    box-shadow: 2px 0 5px rgba(0, 0, 0, 0.1);
    min-height: 100vh; /* Ensure the sidebar takes up the full height */
  }

  /* Tab Button styles */
  .sidebar button {
    background: none;
    border: none;
    padding: 15px;
    text-align: left;
    width: 100%;
    font-size: 16px;
    cursor: pointer;
    color: #333;
    margin-bottom: 10px;
    transition: background 0.3s ease;
  }

  /* Hover effect */
  .sidebar button:hover {
    background-color: #ddd;
  }

  /* Active tab styling */
  .sidebar button.active {
    background-color: #333;
    color: #fff;
  }

  /* Content Area - 10 columns width */
  .content {
    flex-grow: 1; /* Equivalent to col-10 in a 12-column grid */
    padding: 20px;
    background-color: #fff;
    overflow-y: auto;
    min-height: 100vh; /* Prevents collapsing and dropping down */
    display: flex;
    flex-direction: column;
  }


  .scroll{
    /* height: 80vh; */
    /* overflow: scroll; */
    min-width: 250px !important;
  }

  .texts{
    text-align: justify;
  }

 .single-case-hd {
  background-image: url(../img/case/hd1.jpg);
  height: 540px;
  border-radius: 5px;
  margin-bottom: 25px;
  display: block;

}

.single-case-ip {
    background-image: url(../img/case/c3.jpg);
    height: 440px;
    border-radius: 5px;
    margin-bottom: 25px;
    display: block;
  }
  .single-case-nt{
    background-image: url(../img/case/nt1.jpg);
    height: 440px;
    border-radius: 5px;
    margin-bottom: 25px;
    display: block;
  }
  .single-case-fa{
    background-image: url(../img/case/fire/fa8.jpg);
    height: 440px;
    border-radius: 5px;
    margin-bottom: 25px;
    display: block;
  }
  .single-case-fa4{
    background-image: url(../img/case/fire/fa4.jpg);
    height: 440px;
    border-radius: 5px;
    margin-bottom: 25px;
    display: block;
  }
  .single-case-fa3{
    background-image: url(../img/case/fire/fa3.jpg);
    height: 440px;
    border-radius: 5px;
    margin-bottom: 25px;
    display: block;
  }
  .single-case-acc{
    background-image: url(../img/case/audio/au3.jpg);
    height: 540px;
    border-radius: 5px;
    margin-bottom: 25px;
    display: block;
  }
  .single-case-accc{
    background-image: url(../img/case/audio/au4.jpg);
    height: 540px;
    border-radius: 5px;
    margin-bottom: 25px;
    display: block;
  }
  .single-case-eb{
    background-image: url(../img/case/eb/eb3.jpg);
    height: 540px;
    border-radius: 5px;
    margin-bottom: 25px;
    display: block;
  }


  .contact-widgets{
    position: relative;
    text-align: left;
    z-index: 1;
    /* border-radius: 10px; */
    overflow: hidden;
    padding: 45px 25px 50px;
    background-image: url(../img/case/fire/fa5.jpg);
  }

  .contact-widgetac{
    position: relative;
    text-align: left;
    z-index: 1;
    /* border-radius: 10px; */
    overflow: hidden;
    padding: 45px 25px 50px;
    background-image: url(../img/case/audio/au7.jpg);
  }
  .contact-widgetav{
    position: relative;
    text-align: left;
    z-index: 1;
    /* border-radius: 10px; */
    overflow: hidden;
    padding: 45px 25px 50px;
    background-image: url(../img/case/av/av4.jpg);
  }
  .contact-widgetdl{
    position: relative;
    text-align: left;
    z-index: 1;
    /* border-radius: 10px; */
    overflow: hidden;
    padding: 45px 25px 50px;
    background-image: url(../img/case/dl/dl3.jpg);
  }

  .contact-widgetbb{
    position: relative;
    text-align: left;
    z-index: 1;
    /* border-radius: 10px; */
    overflow: hidden;
    padding: 45px 25px 50px;
    background-image: url(../img/case/bb/bb1.jpg);
  }

  .contact-widgeteb{
    position: relative;
    text-align: left;
    z-index: 1;
    /* border-radius: 10px; */
    overflow: hidden;
    padding: 45px 25px 50px;
    background-image: url(../img/case/eb/eb9.jpg);
  }




  .bg-f {
    background-position: center center;
    /* background-size: cover; */
    background-repeat: no-repeat;
    background-color: #ddd;
}
.br-2 {
    background-image: url(../img/case/fire/fa6.jpg);
}
.br-access {
    background-image: url(../img/case/audio/au3.jpg);
}
.brav {
    background-image: url(../img/case/av/av1.jpg);
}
.brdl {
    background-image: url(../img/case/dl/dl1.jpg);
}
.brbb {
    background-image: url(../img/case/bb/bb4.jpg);
}
.breb {
    background-image: url(../img/case/eb/eb2.jpg);
}