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

.mainGrd {
  width: 100%;
  float: left;
  background: #f2f2f2;
  padding: 0 0 80px 0;
  max-height: 100%;
  min-height: 100vh;
}

.mnHdr {
  width: 100%;
  float: left;
  text-align: center;
  font-family: sans-serif;
  border-bottom: 1px solid rgba(0, 0, 0, .24);
  margin: 0px 0 30px 0;
  background: #fff;
  padding: 20px 0 10px 0;
  position: fixed;
  z-index: 9;
}

.mnHdr h2 {
  color: #000;
  font-weight: 550;
  font-size: 33px;
  letter-spacing: 1px;
  /* margin: 0 0 20px 0; */
}

.mainGrd #accordionExample {
  box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
  margin: 130px 0 0 0;
  position: relative;
}

.mainGrd .accordion-button12 {
  padding: 3px 20px 9px 20px !important;
  color: #000;
  font-weight: 550;
  font-size: 17px;
  background: #c2d6f2;
  border-bottom: 1px solid rgba(0, 0, 0, .6) !important;
  width: 100%;
  text-align: left;
  border: none;
}

.mainGrd .accordion-button12 span {
  float: left;
  padding: 12px 0 0 0;
}

.mainGrd .accordion-button12 i {
  float: right;
  margin: 2px 0 0 0;
  font-size: 19px;
}

.mainGrd .accordion-item h2 {
  line-height: 0;
}

.mainGrd .accordion-body {
  padding: 11px 10px 11px 19px !important;
}

.mainGrd .accordion-body p {
  font-size: 17px;
  font-weight: 500;
  font-family: sans-serif;
  margin: 0;
  text-align: justify;
}

.mainGrd .accordion-header.active button i {
  transform: rotate(-178deg);
}

.mainGrd .accordion-body .MathJax_Display {
  font-size: 14px;
  text-align: left !important;
}

/* ******SIDEBAR******* */
.sidebar {
  width: 100%;
  float: left;
  margin: 150px 0 0 0;
  position: fixed;
}

ul {
  padding: 0;
  margin: 0;
  list-style-type: none;
}

a {
  text-decoration: none;
}


.menu-hover-fill li {
  position: relative;
  margin: 8px 0 0 0;
}

/* .menu-hover-fill li::before {
  position: absolute;
  content: "";
  top: 0;
  left: -1rem;
  width: 0.25rem;
  height: 100%;
  background: #000;
  transition: 0.6s;
} */

.menu-hover-fill li:nth-child(1):before {
  position: absolute;
  content: "";
  top: 0;
  left: -1rem;
  width: 0.25rem;
  height: 100%;
  background: #4ec0e9;
  transition: 0.6s;
}

.menu-hover-fill li:nth-child(2):before {
  position: absolute;
  content: "";
  top: 0;
  left: -1rem;
  width: 0.25rem;
  height: 100%;
  background: red;
  transition: 0.6s;
}
.menu-hover-fill li:nth-child(3):before {
  position: absolute;
  content: "";
  top: 0;
  left: -1rem;
  width: 0.25rem;
  height: 100%;
  background: #4acfae;
  transition: 0.6s;
}
.menu-hover-fill li:nth-child(4):before {
  position: absolute;
  content: "";
  top: 0;
  left: -1rem;
  width: 0.25rem;
  height: 100%;
  background: blue;
  transition: 0.6s;
}
.menu-hover-fill li:nth-child(5):before {
  position: absolute;
  content: "";
  top: 0;
  left: -1rem;
  width: 0.25rem;
  height: 100%;
  background: #ffce52;
  transition: 0.6s;
}
.menu-hover-fill li:nth-child(6):before {
  position: absolute;
  content: "";
  top: 0;
  left: -1rem;
  width: 0.25rem;
  height: 100%;
  background: #ed5464;
  transition: 0.6s;
}

.menu-hover-fill li a {
  /* --menu-link-color: var(--grey-color); */
  position: relative;
  /* background: linear-gradient(var(--menu-link-active-color) 0 100%) left / 0
          no-repeat; */
  background: #463a3a;
  color: #2680f4;
  background-clip: text;
  -webkit-background-clip: text;
  /* transition: background-size 0.45s 0.04s; */
  font-weight: 500;
}
.menu-hover-fill li:hover:nth-child(1) a {
  color:#4ec0e9 ;
}
.menu-hover-fill li:hover:nth-child(2) a {
  color:red ;
}
.menu-hover-fill li:hover:nth-child(3) a {
  color:#4acfae ;
}
.menu-hover-fill li:hover:nth-child(4) a {
  color:blue ;
}
.menu-hover-fill li:hover:nth-child(5) a {
  color:#ffce52 ;
}
.menu-hover-fill li:hover:nth-child(6) a {
  color:#ed5464;
}

#button.show {
  opacity: 1;
  visibility: visible;
}

#button {
  display: inline-block;
  text-align: center;
  position: fixed;
  bottom: 20px;
  left: 20px;
  transition: background-color .3s, opacity .5s, visibility .5s;
  opacity: 0;
  visibility: hidden;
  z-index: 1000;
  cursor: pointer;
  background-color: #f3f3f3;
  height: 50px;
  width: 50px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  box-shadow: 0px 0px 6px rgb(0 0 0 / 40%);
  font-size: 30px;
  padding: 4px 0 0 0;
}

.container {
  padding: 0 30px 40px 30px;
  background: #fff;
  border-left: 1px solid rgba(0, 0, 0, .12);
}
#theo_4{
  display: none;
}