* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

a {
  text-decoration: none;
  /* color: black; */
}

/* #NavColor{
    background-color: rgb(25, 25, 77);
}
 */

/* navbar section */

.navbar-container {
  background-color: #210f3f;
}
.navbar-container button {
  background-color: red;
  color: white;
}

.navbar-container li a {
  color: white;
}
.navbar-container li a:hover {
  color: rgb(146, 44, 44);
}

.navbar-container .navbar-nav li {
  padding: 0;
}

.navbar-container .navbar-brand {
  color: white;
}

.navbar-container button:hover {
  background-color: yellow;
}
#section-divider {
  background-color: #210f3f;
  color: white;
  padding: 20px;
}

#getButton:hover {
  background-color: rgb(255, 0, 0);
}

.icons-number {
  display: flex !important;
  justify-content: center !important;
  align-content: center !important;
  text-align: center;
  border: 2px solid black;
  border-radius: 50%;
  height: 40px;
  width: 40px;
  margin: auto;
  background-color: rgb(63, 41, 83);
  color: white;
}
#part10 {
  background-color: #210f3f;
  color: white;
  padding: 20px;
}

/* 
.icons-number {
  text-align: center;
  height: 40px;
  width: 40px;
  display: flex !important;
  justify-content: center !important;
  align-content: center;
  border-radius: 50%;
  background-color: rgb(146, 44, 44);
  color: #fff;
} */

a {
  color: white;
}

#list-items {
  background-color: #210f3f;
  color: white;
  padding: 20px;
}
#list-items li:hover {
  text-decoration: underline;
}
#list-items li {
  color: white;
  margin: 1.5rem;
}
#footer {
  color: white;
  background-color: rgb(36, 36, 36);
}

.accordion-button{

  
    color: var(--bs-accordion-active-color) !important;
    background-color:  white !important;
    box-shadow: inset 0 calc(-1 * var(--bs-accordion-border-width)) 0 var(--bs-accordion-border-color);

}