.hero-bg {
    background-image: url("./img/Bg-2.svg");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: bottom;
    height: 75vh;
  }
  .stack {
    background-image: url("");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    padding-left: 200px;
  }
  #value-bg {
    background-image: url("./img/Bg-2.svg");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: bottom;
    height: 500px;
  }
  
  hr {
    opacity: 1 !important;
    height: 3px !important;
  }
  
  .accordion-button {
    border-bottom: 2px solid #fbffff !important;
  }
  
  .accordion-button:not(.collapsed) {
    border-bottom: none !important;
    box-shadow: none !important;
  }
  
  .accordion-body {
    border-bottom: none !important;
  }
  
  .accordion-collapse.show .accordion-body {
    border-bottom: 2px solid #20b04b !important;
  }
  
  .accordion-item {
    border: none !important;
  }
  
  .accordion-button::after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23fff' class='bi bi-plus ' viewBox='0 0 16 16'%3E%3Cpath d='M8 4a.5.5 0 0 1 .5.5v3h3a.5.5 0 0 1 0 1h-3v3a.5.5 0 0 1-1 0v-3h-3a.5.5 0 0 1 0-1h3v-3A.5.5 0 0 1 8 4z'%3E%3C/path%3E%3C/svg%3E");
  }
  .accordion-button:not(.collapsed)::after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23fff' class='bi bi-dash' viewBox='0 0 16 16'%3E%3Cpath d='M4 8a.5.5 0 0 1 .5-.5h7a.5.5 0 0 1 0 1h-7A.5.5 0 0 1 4 8'/%3E%3C/svg%3E");
  }
  .accordion-button:focus {
    box-shadow: none;
  }
  @media (max-width: 768px) {
    .hero-bg {
      height: 450px;
    }
    .hero-content {
      padding: 0px 50px !important;
    }
  
    h1 {
      font-size: 36px !important;
    }
    h2 {
      font-size: 28px !important;
    }
    p {
      font-size: 14px !important;
    }
    .stack {
      background-image: none;
      background-color: var(--dark-color);
      padding: 20px;
    }
    #innovative .card {
      height: 170px !important;
    }
  }
  @media (max-width: 576px) {
    .hero-content {
      padding: 0px !important;
      margin: 50px auto !important;
      width: 100% !important;
    }
    #image {
      width: 300px !important;
      height: 240px !important;
      margin: 0px !important;
    }
    #value-bg {
      height: 400px !important;
      text-align: start !important;
    }
    #value-bg br {
      display: none;
    }
    #process .text-center {
      text-align: start !important;
      padding-left: 20px;
    }
    #process .container {
      width: 100% !important;
    }
    h1 {
      font-size: 32px !important;
    }
  
    #text {
      text-align: left !important;
      padding-left: 35px !important;
      padding-right: 35px !important;
    }
    #text br {
      display: none;
    }
    #innovative .card {
      height: 150px !important;
    }
  }