.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;
  }
}
#serve .card:hover {
  transform: translatey(-3%);
}
#serve .card{
  transition: all 0.3s;
}