.double-border {
  position: relative;
  border-top: 4px solid #24A1B2;
  /* first border */
}
.piechart {
  width: 80%;
  max-width: 500px;
  display: block;
  margin: 0 auto;
  position: relative;
  top: 50%;

}
.piechart2 {
  align-self: center;
  align-items: center;
  width: 80%;
  max-width: 800px;
  display: block;
  margin: 0 auto;
  position: relative;
  top: 50%;
}

#div1 {
  text-align: right;
}

#title {
  width: 500px;
}

#submit {
  background-color: #22d3ea;
}

#myChart {
  width: 100%;
  max-width: 700px;
}

#section1 {
  background-color: rgb(235, 234, 234);
}

#reqadd {
  background-color: rgb(187, 4, 77);
}

#section2 {
  background-color: #24A1B2;
}

.double-border::after {
  content: "";
  position: absolute;
  bottom: -2px;
  /* position the second border at the bottom of the element */
  width: 50%;
  right: 50%;
  /* set second border width to 50% of the element width */
  border-bottom: 2px solid #24A1B2;
  /* second border */
  /* center the second border horizontally */
}

.double-borderr {
  position: relative;
  width: 50%;
  align-items: center;
  right: -25%;
  border-top: 4px solid #DF6F8D;
  /* first border */

}

.double-borderr::after {
  content: "";
  position: absolute;
  bottom: -2px;
  /* position the second border at the bottom of the element */
  width: 25%;
  right: 75%;
  /* set second border width to 50% of the element width */
  border-bottom: 2px solid #DF6F8D;
  /* second border */
  /* center the second border horizontally */
}


.navbar-custom {
  background-color: #24A1B2;
}

.form-custom {
  background-color: #24A1B2;
}

.big-circle {
  position: relative;
  width: 200px;
  height: 200px;
  border-radius: 50%;
  background-color: white;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  color: black;
  font-size: 18px;
}

.small-circle {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 70px;
  height: 70px;
  border-radius: 50%;
  background-color: #24A1B2;
  color: white;
  display: flex;
  justify-content: center;
  align-items: center;
}

.arrow {
  position: relative;
  width: 50px;
  height: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
}



i.bi-arrow-right-circle-fill {
  font-size: 32px;
  color: white;
}

i.bi-arrow-right {
  font-size: 32px;
  color: #24A1B2;
}

.tcontainer {
  display: flex;
  align-items: center;
  justify-content: center;
}