*{
  box-sizing: border-box;
  margin: 0px;
  padding: 0px;
   scroll-behavior:smooth;
  transition: scroll-behavior ease-in-out;
  }
  
  body {
    background-color: rgb(241, 241, 241);
  }
  
  .show {
    display: block;
  }
  
  .navbar.fixed-top {
    background-color: rgb(255, 255, 255);
    color: black;
    box-shadow : 0px 0px 10px 0px grey;
  }
  
  .navbar-dark .navbar-nav .nav-link {
    color: rgba(0, 0, 0, 0.883);
    padding : 0.5rem 1.5rem;
    padding : 8px 24px;
  }
  
  .navbar-dark .navbar-nav .active > .nav-link {
    color: black;
    font-weight: 500;
  }
  
  .navbar-dark .navbar-nav .nav-link:focus,
  .navbar-dark .navbar-nav .nav-link:hover {
    color: rgba(3, 3, 3, 1);
   background-color: rgb(229, 229, 229);
   border-radius: 4px;
  }
  
  /* Centered heading text */
  .centered-heading {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #fff;
    /* font-size: 2.25rem; */
    text-align: center;
  }
  
  .separator {
    width: 10px;
    height: 10px;
    margin: 20px auto;
    background: #e74c3c;
    position: relative;
    display: inline-block;
    border-radius: 50%;
  }
  
  .separator:after {
    position: absolute;
    left: 5%;
    bottom: 4px;
    height: 1px;
    width: 80px;
    background: #000000;
    content: "";
    display: inline-block;
    margin-left: 20px;
  }
  .separator:before {
    position: absolute;
    right: 5%;
    bottom: 4px;
    height: 1px;
    width: 80px;
    background: #000000;
    content: "";
    display: inline-block;
    margin-right: 20px;
  }
  
  /* Overlay with lower opacity black color */
  .overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgb(
      65 46 22 / 50%
    ); /* Change the last value (0.5) to adjust the opacity */
  }
  
  /* Centered heading text */
  .centered-heading {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #fff;
    /* font-size: 2rem; */
    text-align: center;
  }
  
  /* carasouel  */
  .carousel-inner {
    height: 500px;
    display: flex;
    align-items: center;
  }
  
  .carousel-control-next-icon, .carousel-control-prev-icon {
    background-color: rgba(0, 0, 0, 0.4);
  }
  
  .carousel-inner img {
    max-width: 100%; /* Ensure the image fits within the carousel item */
    height: auto; /* Allow the image to adjust its height while maintaining aspect ratio */
    max-height: 100%; /* Set a maximum height to ensure uniformity */
    margin: 0 auto;
  }
  
  /* features  */
  .sections {
    padding: 30px 0px 30px 0px !important;
    margin: 20px 0px;
  }
  
  .main_feature .single_feature:hover .single_feature_icon {
    border-color: #e74c3c;
    transform: rotate(45deg);
  }
  .main_feature .single_feature:hover .single_feature_icon i {
    transform: rotate(-45deg);
  }
  .main_feature .single_feature:hover h4 {
    color: #e74c3c;
  }
  .main_feature .single_feature .single_feature_icon {
    border: 1px solid #bbbbbb;
    width: 70px;
    height: 70px;
    line-height: 70px;
    margin: 20px auto;
    transition: all 0.6s;
  }
  .main_feature .single_feature i {
    margin-bottom: 30px;
    color: #e74c3c;
    transition: all 0.6s;
  }
  .main_feature .single_feature h4 {
    transition: all 0.6s;
  }
  
  .main_feature {
    display: flex;
    background-color: rgb(255, 255, 255);
    padding: 8px;
    border-radius: 12px;
  }
  
  .main_feature >div {
    padding: 5px 5px;
  }
  
  img {
    max-width: 100%;
  }
  
  .history.sections {
    padding: 0px !important;
    margin-top: 30px;
  }
  
  /* services */
  .points {
    margin-bottom: 20px;
    background-color: white;
    border-radius: 15px;
    padding-top: 15px;
  }
  
  .points article {
    margin: 0px 20px;
    padding: 10px 15px;
  }
  
  article h4 {
    border-left: 5px solid rgb(231, 76, 60);
    padding-left: 8px;
  }
  
  /* contacct us */
  
  .single_info_text h5 {
    color: #000000;
    font-weight: 600;
    border-left: 5px solid rgb(231, 76, 60);
    padding-left: 8px;
  }
  
  .contact_details {
    margin: 20px 0px;
    background: white;
    padding: 15px;
    border-radius: 12px;
  }
  
  /* footer section */
  .footer {
    background: #000000;
  }
  .main_footer {
    overflow: hidden;
    padding: 10px 0px;
  }
  .main_footer {
    overflow: hidden;
    color: white;
    text-align: center;
  }
  
  
    .container,
    .sidebar {
      font-size: 12px;
      font-weight: 500;
      transition: transform 0.2s ease-in-out, background-color 0.2s ease-in-out,
        color 0.05s ease-in-out, display 0.2s ease-in-out;
    }

    .nav-item a {
      font-size: 16px;
    }

    .sidebar {
      position: fixed;
      top: 0;
      bottom: 0;
      left: 0;
      z-index: 100;
      padding: 75px 0 0;
      /* Height of navbar */
      box-shadow: inset -1px 0 0 rgba(0, 0, 0, 0.1);
      overflow-y: auto;
      scrollbar-width: thin;
      background-color: white;
    }

    /* Styling for the sidebar items */
    .sidebar-sticky {
      position: relative;
      top: 0;
      padding-top: 12px;
      width: 250px;
    }

    .sub-item {
      padding: 0.75rem;
      list-style-type: disc;
      padding-left: 30px;
      font-weight: 500;
      font-size: 12px;
      font-weight: 500;
    }
    
    .fa-chevron-right {
        transition: transform 0.3s ease-in-out
    }

    .rotate {
      transform: rotate(90deg);
    }

    .list-group-item {
      font-weight: bold;
      color: #565656;
    }

    .list-group-item:hover,
    .sub-item:hover,
    .collapsed-sidebar:hover {
      background-color: #429dff;
      color: white;
    }

    /* .list-group-item :not( ) */

    .active-item {
      background-color: #007bff;
      color: white;
    }

    .data {
      transition: all 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275);
      box-shadow: 0px 0px 5px 1px #e2e2e2;
      background: white;
      margin-bottom: 20px;
    }

    .desc-image {
      max-height: 500px;
      width: 100%;
      margin-bottom: 20px;
      border-radius: 12px;
      display: flex;
      flex-wrap: wrap;
      align-content: center;
      justify-content: center;
      align-items: center;
    }

    .desc-image {
      position: relative;
      max-height: 500px;
      width: 100%;
      margin-bottom: 20px;
      border-radius: 12px;
      display: flex;
      flex-wrap: wrap;
      align-content: center;
      justify-content: center;
      align-items: center;
    }

    .desc-image i {
      position: absolute;
      top: 10px;
      right: 10px;
      padding: 5px;
      border-radius: 25px;
      color: black;
      cursor: pointer;
      backdrop-filter: blur(30px);
    }

    .container.description {
      margin-top: 85px;
      width: auto;
    }

    /* --------------- */
    .collapsed-sidebar {
      width: 50px;
      /* transform: rotate(90deg); */
      margin-top: 50%;
      display: none;
      border-top: 1px solid #dadada;
      padding: 12px 0px;
      border-bottom: 1px solid #e3e3e3;
      color: #5a5a5a;
      text-align: center;
      transition: fade-in 0.3s ease-in-out;
    }

    .list-group-item:nth-child(1) {
      display: none !important;
    }

    .toggle {
      display: block !important;
    }

    .toggled {
      display: none !important;
    }
    
      .list-group-item  {
      padding : 0.75rem 1rem;
    }

    .sub-item {
      /*padding-left: 40px;*/
    }

    li span i {
      margin-right : 5px;
    }

    @keyframes fade-in {
      0% {
        transform: translateX(0px);
        opacity: 0;
      }
      100% {
        transform: translateX(200px);
        opacity: 1;
      }
    }

    /* /////////////////////////////////// */
    
    
    
      @media (min-width: 992px) {
    .activity {
      display: flex;
      justify-content: center;
    }
  }
  
  @media (max-width: 991.8px){
    .carousel-inner{
      height: 300px;
    }
  }
  
  @media (max-width : 768px) {
    .main_feature {
      display: block;
    }
  
    .main_feature > div {
      max-width: 100%;
      margin: 12px auto;
    }
  
    .carousel-inner {
      height: 250px;
    }
  }
  
  @media (max-width: 450px){
    .container-carousel {
      display: none;
    }
  }

    @media (min-width : 1650px) {
      .container.description {
        margin-left: 265px;
      }
    }

    @media (min-width : 768px) {
      .sidebar-sticky {
        width: 200px;
      }
      .container.description {
        margin-left: 215px;
      }
    }

    @media (max-width: 768px) {
      .list-group-item:nth-child(1) {
        display: flex !important;
      }
      .container.description {
        margin-left: 50px;
      }
      .sidebar-sticky {
        display: none;
      }
      .collapsed-sidebar {
        display: block;
      }
    }