.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;
     }
   }